2013-10-01 2 views
-1

css에서 다음과 같은 선택기로 시작을 사용하는 것이 맞습니까?css에서 selector로 시작을 사용하는 것이 유효합니까?

HTML을

<div id="row_1"> 
.. 
</div> 
<div id="row_2"> 
.. 
</div> 

CSS는

div[id^='row'] { 
... 
} 

은 최신 브라우저에서 작동하는 것 같다하지만이 허용 또는 W3C 권고안 경우 확실하지 않다.
모범 사례를 배우려면이 사실을 알고 싶습니다.

+2

는 괜찮아 보입니다. 행을 클래스로 만드시겠습니까? – twodayslate

+2

작동하는 경우 허용됩니다. 당신은 정말로 무엇을 찾으려고 노력하고 있습니까? 브라우저 호환성? 사용 사례? 모범 사례? 질문에 세부 사항을 추가하십시오. – zzzzBov

+1

왜'.div'는 클래스'div'를 가진 요소를 의미합니까? –

답변

3

이러한 속성 선택자는 완전히 유효합니다. 그들은 그러나 2011 년

년부터 W3C 권고안 된, part of CSS Selectors Level 3 spec 있으며,이 선택기는 성능이 매우 좋지 않다 (예를 들면 페이지에있는 모든 div 요소, 속성은 문자열 비교 연산을 포함하여 검사를 수행합니다 div[id^='row'] 브라우저) . 스타일링 훅으로서 id을 사용하는 것이 최선의 아이디어가 아니기 때문에 클래스를 사용하는 것이보다 보편적 인 접근 방식이어야합니다.

+0

CSS3 속성 선택기는 우연히 만 IE8에서 지원됩니다. 질문이 최신 브라우저에 대해 묻기 때문에 실제로 중요하지 않습니다. – BoltClock

+0

@llya 고맙습니다. css2 권장 사항 http://www.w3.org/TR/CSS2/selector.html에 회신하여 작동 방식이 궁금합니다. – SpreeTheGr8

+0

@BoltClock, IE8에 대한 수정에 감사드립니다. 내 대답에서 언급을 제거했습니다. –

관련 문제