Specify multiple attribute selectors in CSS

Question

What is the syntax for doing something like   input name  Sex  AND value  M     Basically  I want to select the input element that has the attribute name  Sex  as well as the attribute value  M     lt input type  radio  name  Sex  value  M    gt    Elements such as the following should not be selected    lt input type  radio  name  Sex  value  F    gt

User · Answer

Concatenate the attribute selectors   input name  Sex   value  M

User · Answer

Just to add that there should be no space between the selector and the opening bracket    td someclass     will work  But  td  someclass     will not

User · Answer

class   test    class  second     background   ffff00

User · Answer

Simple input name Sex  value M  would do pretty nice  And it s actually well-described in the standard doc      Multiple attribute selectors can be used to refer to several   attributes of an element  or even several times to the same attribute       Here  the selector matches all SPAN elements whose  hello  attribute   has exactly the value  Cleveland  and whose  goodbye  attribute has   exactly the value  Columbus        span hello  Cleveland   goodbye  Columbus     color  blue      As a side note  using quotation marks around an attribute value is required only if this value is not a valid identifier    JSFiddle Demo

User · Answer

For concatenating it s   input name  Sex   value  M        And for taking union it s   input name  Sex    input value  M

[css] Specify multiple attribute selectors in CSS

Examples related to css

Examples related to attributes

Examples related to css-selectors