0
HTML5 입력을 사용자 정의하고 있습니다. 파이어 폭스와 웹킷 스타일 사이에 코드 중복이 있음을 눈치 챘으므로 실망스러운 결과로 그룹화를 시도했다. 모든 Firefox 속성이 적용되었지만 Chrome의 속성은 적용되지 않았습니다. 왜 그룹화가 결과에 영향을 미칩니 까? 전체 선택 만이 아니라 그룹 :Firefox 및 Webkit 스타일 선택기를 그룹화 할 수 있습니까? 그렇지 않다면, 왜?
HTML
<input
class="slider"
type="range"
min="0"
max="100"
step="10">
CSS
.slider {
-webkit-appearance: none;
}
.slider,
.slider::-moz-range-track {
background-color: #031424;
height: 1em;
}
아마도 Sass 또는 Less와 같은 전 처리기로 그룹화 할 수 있습니다. –
@AlexTimmer - 어떻게 도움이 될까요? – Quentin
@Quentin; 클래스를 그룹화하려는 유일한 이유는 깨끗하고 깔끔한 CSS 파일을 유지하는 것입니다. 깨끗하고 깔끔한 CSS 파일을 유지하는 가장 좋은 방법은 중첩 (nesting) 및 연결 (chaining)과 같은 것을 허용하는 전처리기를 사용하는 것입니다. –