다른 CSS 파일에서 CSS 클래스 사용
Boppity Bop
여러 MVC보기가있는 Asp.net Core 5.0.1 앱이 있습니다. 앱에서 생성 한 CSS 파일도 있습니다. 이 파일이 수정되지 않았 으면합니다 (향후 동일한 앱을 사용하여 변경 될 예정이므로). 생성 된 CSS의 클래스를 사용하여 특정 요소 (예 : input또는 button)의 스타일을 지정하는 별도의 CSS 파일을 원합니다 . 각 요소 input또는 button기타 요소 에 클래스를 작성하고 싶지 않습니다 (스타일을 지정할 필요가있는 뷰가 35 개 있습니다).
예를 들어 생성 된 파일에 클래스 dx-theme-text-color가있는 경우 다음과 같은 CSS 파일이 필요합니다.input { color:.dx-theme-text-color}
이것을 어떻게 달성 할 수 있습니까?
명확히하기 위해 : 질문은-값을 복사 / 붙여 넣기하지 않고 이름으로 다른 CSS의 클래스를 사용하는 방법입니다.
데이비드 리앙
@extendSASS 에서만 생각할 수 있습니다 .
.dx-theme-text-color {
border: 1px solid red;
}
input, button {
@extend .dx-theme-text-color;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
숫자가 다른 CSS 클래스에 스타일 적용
- 2
동일한 요소의 다른 클래스를 사용하여 클래스에 CSS 추가
- 3
정규식을 사용하여 CSS 파일에서 모든 클래스를 텍스트로 가져옵니다.
- 4
다른 스타일 파일의 CSS 클래스별로 테이블에서 셀 패딩 및 셀 간격을 사용하려는 경우
- 5
@html에서 svelte css 클래스 사용
- 6
Laravel에서 CSS 클래스 사용
- 7
CSS 클래스가 다른
- 8
전환하지 않고 jQuery .click을 사용하여 일부 CSS 클래스에서 다른 클래스로 변경 하시겠습니까?
- 9
css 의사 클래스가 다른 태그에서 작동을 멈춤
- 10
jQuery를 사용하는 Flask / Jinja2에서 CSS 값이 다른 하나의 클래스
- 11
클래스를 토글 할 때 다른 값으로 동일한 CSS 속성을 사용할 수 없습니다.
- 12
CSS-문장에서 여러 CSS 클래스 사용
- 13
클릭시 다른 CSS 속성을 가진 클래스 적용
- 14
angularjs로 다른 페이지의 CSS 클래스를 제목에 적용
- 15
CSS-다른 태그 뒤의 첫 번째 <p>에 대한 의사 클래스
- 16
다른 클래스 CSS 스타일에 따라 클래스의 CSS 스타일 조작
- 17
일반 CSS에서 Slick.js 사용자 정의 의사 클래스 사용
- 18
CSS 스타일이 다른 동일한 div 클래스
- 19
의사 클래스에서 CSS 무시
- 20
CSS 다른 div에서 클래스를 선택하는 방법
- 21
트위터 팝 오버-다른 팝 오버에 대해 다른 CSS 클래스 적용
- 22
CSS Less-다른 클래스에 캡슐화 된 클래스 정의
- 23
요소에 특정 CSS 클래스와 다른 클래스가있는 경우
- 24
PHP 스크립트에서 CSS 클래스 사용
- 25
"사이"클래스 인스턴스에 대한 CSS 클래스
- 26
다른 클래스의 다른 속성에서 css 속성 상속
- 27
CSS 동일한 클래스 다른 동작
- 28
TS 파일에 동적으로 CSS 클래스 적용
- 29
CKEditor에서 CSS 클래스를 사용하는 비 독점 스타일 규칙
몇 마디 만하겠습니다