Dopasuj selektory wszystkich klas, które zaczynają się od?

Question

Czy można używać "wieloznacznika" dla selektorów w CSS3?

np.

<div class="myclass-one"></div> 
<div class="myclass-two></div> 
<div class="myclass-three"></div> 

... a potem w magiczny sposób ustawić wszystkie powyżej div na czerwony jednym zamachem ...

.myclass* { color: #f00; } 

możliwe?

Answer 1

Poniższy powinno załatwić sprawę:

div[class^='myclass'], div[class*=' myclass']{ 
    color: #F00; 
} 

---

Edycja: Dodano wieloznaczny (*) jako sugerowane przez Dawida

Answer 2

Nie jest to bezpośrednia odpowiedź na pytanie, jednak chciałbym zaproponować w w większości przypadków wystarczy ustawić wiele klas dla każdego elementu:

<div class="myclass one"></div> 
<div class="myclass two></div> 
<div class="myclass three"></div> 

In w ten sposób można ustawić reguły dla wszystkich elementów myclass, a następnie bardziej szczegółowe reguły dla one, two i three.

.myclass { color: #f00; } 

.two { font-weight: bold; } 

etc. 

Answer 3

Można łatwo dodać wiele klas do div ... Więc:

<div class="myclass myclass-one"></div> 
<div class="myclass myclass-two"></div> 
<div class="myclass myclass-three"></div> 

Potem w rozmowie CSS klasy zakładowego stosować te same style:

.myclass {...} 

I nadal możesz używać innych klas takich jak to:

.myclass-three {...} 

Albo jeśli chcesz być bardziej szczegółowe w CSS jak poniżej:

.myclass.myclass-three {...}