CSS and and or

Question

I ve got quite big trouble  because i need to anathematise from styling some input types  I had something like    registration form right input not  type  radio        Nah      But i don t want to style checkboxes too   I ve tried    registration form right input not  type  radio   amp  amp  type  checkbox     registration form right input not  type  radio   amp  amp   checkbox     registration form right input not  type  radio    amp  amp   registration form right input not type  checkbox      How to use  amp  amp   And I ll need to use    soon  and I think that usage will be same   Update  I still don t know how to use    and  amp  amp  correctly  I couldn t find anything in W3 docs

User · Answer

To select properties a AND b of a X element   X a  b    To select properties a OR b of a X element   X a  X b

User · Answer

You can somehow reproduce the behavior of  OR  using  amp  and  not   SomeElement SomeClass  data-statement  things are getting more complex     not  not A  not B                things aren t so complex for A or B

User · Answer

amp  amp  works by stringing-together multiple selectors like-so    lt div class  class1 class2  gt  lt  div gt   div class1 class2        foo        Another example    lt input type  radio  class  class1    gt   input type  radio   class1        foo           works by separating multiple selectors with commas like-so    lt div class  class1  gt  lt  div gt   lt div class  class2  gt  lt  div gt   div class1  div class2        foo

User · Answer

A word of caution  Stringing together several not selectors increases the specificity of the resulting selector  which makes it harder to override  you ll basically need to find the selector with all the nots and copy-paste it into your new selector   A not X or Y  selector would be great to avoid inflating specificity  but I guess we ll have to stick to combining the opposites  like in this answer

User · Answer

Just in case if any one is stuck like me  After going though the post and some hit and trial this worked for me   input not  type  checkbox   input not  type  radio

User · Answer

I guess you hate to write more selectors and divide them by a comma    registration form right input not  type  radio        registration form right input not  type  checkbox              and BTW this    not  type  radio   amp  amp  type  checkbox        looks to me more like  input which does not have both these types

User · Answer

AND   amp  amp      registration form right input not  type  radio    not  type  checkbox      OR         registration form right input not  type  radio          registration form right input not  type  checkbox

User · Answer

The  not pseudo-class is not supported by IE  I d got for something like this instead    registration form right input type  text     registration form right input type  password     registration form right input type  submit     registration form right input type  button               Some duplication there  but it s a small price to pay for higher compatibility

[css] CSS "and" and "or"

Examples related to css

Examples related to css-selectors

Examples related to conditional-operator