CSS'de birden çok özellik seçici belirleme

Gibi bir şey yapmak için sözdizimi nedir:

input[name="Sex" AND value="M"]

Temel olarak, özniteliği yanı sıra inputözniteliği olan öğeyi seçmek istiyorum :name="Sex"value="M"

<input type="radio" name="Sex" value="M" />

Aşağıdaki gibi elemanları gerektiği değil seçilebilir:

<input type="radio" name="Sex" value="F" />

Basit input[name=Sex][value=M]oldukça güzel olurdu. Ve aslında standart dokümanda iyi tanımlanmış :

Bir öğenin birçok özelliğine, hatta aynı özelliğe birkaç kez atıfta bulunmak için çoklu özellik seçicileri kullanılabilir.

Burada seçici, "merhaba" özelliği tam olarak "Cleveland" değerine ve "elveda" özelliği "Columbus" değerine sahip olan tüm SPAN öğeleriyle eşleşir:

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

Yan not olarak, yalnızca bu değer geçerli bir tanımlayıcı değilse, bir öznitelik değeri etrafında tırnak işaretleri kullanmak gerekir.

JSFiddle Demosu

Birleştirmek için:

input[name="Sex"][value="M"] {}

Ve sendika almak için:

input[name="Sex"], input[value="M"] {}

Özellik seçicileri birleştirin:

input[name="Sex"][value="M"]

Sadece seçici ve açılış braketi arasında boşluk olmamalıdır.

td[someclass] 

çalışacak. Fakat

td [someclass] 

olmaz.

[class*="test"],[class="second"] {
background: #ffff00;
}