2017-03-16 3 views
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; 
} 
+0

아마도 Sass 또는 Less와 같은 전 처리기로 그룹화 할 수 있습니다. –

+0

@AlexTimmer - 어떻게 도움이 될까요? – Quentin

+0

@Quentin; 클래스를 그룹화하려는 유일한 이유는 깨끗하고 깔끔한 CSS 파일을 유지하는 것입니다. 깨끗하고 깔끔한 CSS 파일을 유지하는 가장 좋은 방법은 중첩 (nesting) 및 연결 (chaining)과 같은 것을 허용하는 전처리기를 사용하는 것입니다. –

답변

1

선택기가 인식되지 않는 경우, 다음 브라우저 오류로 취급하고 무시하는 데 필요합니다. 그래서 그들을 그룹화 할 수 없습니다.