<div class="tocolor tocolor-1"> tocolor 1 </div>
<div class="tocolor tocolor-2"> tocolor 2 </div>
<div class="tocolor tocolor-3"> tocolor 3 </div>
<div class="tocolor tocolor-4"> tocolor 4 </div>
.tocolor{
background: red;
}
'클래스' tocolor- 불과 1 수 있는 방법이 있다. 이처럼 노력했다고 하지만, css, 와일드 카드 '를 사용하여 ' didn& # 39 빗나갔다.
.tocolor-*{
background: red;
}
What you need 호출됨 속성용 선택기를. 예를 들어, html 구조를 사용하여, 다음과 같습니다.
div[class^="tocolor-"], div[class*=" tocolor-"] {
color:red
}
'대신' div 에 추가할 수 있습니다 '클래스' 것으로서, 그 대신 요소이거나 분리하십시오 지정된 요소의 속성용 추가할 수 있습니다.
' [클래스용 ^ = tocolor-" ";]' " tocolor-" 시작하여. -; ' [클래스용 * = ". 문자열의 " tocolor-" map_layer tocolor-"] '-;; 발생 직후 공백 문자가.
Css 속성을 선택기를 대한 자세한 내용은 here 및 here 찾을 수 있습니다. 매든 Docs 에서 [매든 Docs] 및 3
예 이 수 있습니다.
*[id^='term-']{
[css here]
}
이렇게 하면, & # 39 로 시작하는 모든 id 를 term-& # 39 ','.
내가 보고 있는 경우와 없는 이유에 대해 이렇게 할 수 없는 상황이고, 이 방법을 선택하는 것이 바람직하다 # 39, t do it 볼 수 있지만, 내가 원하는 대로 스타일입니까 wouldn& it& # 39 의 폴링합니다.
대안 솔루션으로:
[# 39, & # 39, tocolor& class =] '은' div 일치하는 값을 class" "; 속성용 ";;;; tocolor-1" " tocolor-" 시작하는 등 " tocolor-2", 등.
<div class="foo tocolor-">
참조: https://www.w3.org/TR/css3-selectors/ # 속성용 표현
>. ' [at&t = 발]' >. At&t 를 통해 그 가치를 정확히 속성을 요소를 seabreeze 인컨텍스트 " 기술입니까 val"; 또는 " 시작으로 val"; 바로 뒤에 " " -; (U + 002D)