2013-01-09 9 views
29

Zasadniczo chcę selektor CSS, który pobiera wszystkie dane wejściowe [typ = "tekst"], ale ma również klasy "niektóre klasy".Czy w CSS istnieje selektor do wskazywania konkretnego typu wejścia, który również ma klasę?

Oba następujące nie wydają się działać dla mnie:

input[type="text"] .some-class {} /* doesn't work */ 

.some-class input[type="text"] {} /* doesn't work */ 

jestem pewien, że jestem brakuje czegoś proste tutaj. Z góry dziękuję.

Odpowiedz

64

Chcesz input.some-class[type="text"]

.some-class input szuka tagów wejściowych, które są potomkami .some-class.

input.some-class ma odwrotność.

+0

Niesamowite. Dzięki. Właśnie odkryłem przed chwilą, że input [type = "text"] [class ~ = "some-class"] również działa, ale lubię twoje rozwiązanie lepiej, ponieważ jest czystsze. –

+1

@Art Geigel: To jest lepsze, ponieważ używa właściwego narzędzia do pracy ... jeśli wiesz, że możesz użyć selektora klasy do wyboru przez klasę, po prostu użyj selektora klasy! – BoltClock

9
input[type="text"].some-class { 
    .... 
    } 

bez przestrzeni pomiędzy "Wejście [type =" text "]" i ".some klasa" będzie działać ..

wsad [type = "text"] - przestrzeń między jest problem-.pomiędzy {}

Powiązane problemy