adding css class to multiple elements

Question

I have created a CSS class called  button  and applied it to all of my INPUT tags by simply using     button input     css stuff here     lt p class  button  gt   lt input type  submit  Name  submit  value  Confirm Selection   gt   lt  p gt    which works fine  but I then added another button  but this isn t part of my form  it is just a place holder which is trigerred with javascript  and opens an iFrame  As I wanted it to look the same as all the  real  buttons I used the same class    lt p class  button  id  AddCustomer  gt   lt a href  AddCustomer php  gt Add Customer lt  a gt   lt  p gt    The Problem I had was that if I left the class as  button input the  lt a gt  tag didn t see it  If I removed the input part of the CSS all my buttons got grey squares in the middle   So I resolved it with  button input a   This worked fine      Until I looked at another page  and found all of my  lt a gt  tags were now formatted with the  button  class  even though they don t have this class applied   My question then is how can I apply the same CSS class to  lt input gt  and  lt a gt  tags at the same time  but only if I have explicitly added class  button

User · Answer

try this    button input   button a     css here     That will apply the style to all a tags nested inside of  lt p class  button  gt  lt  p gt

User · Answer

button input   button a

User · Answer

Try using    button input   button a          css stuff     Also  read up on CSS   Edit  If it were me  I d add the button class to the element  not to the parent tag  Like so   HTML    lt a href     class  button  gt BUTTON TEXT lt  a gt   lt input type  submit  class  button  value  buttontext    gt    CSS    button          css stuff     For specific css stuff use   input button          css stuff   a button          css stuff

User · Answer

You need to qualify the a part of the selector too    button input   button a         css stuff here     Basically  when you use the comma to create a group of selectors  each individual selector is completely independent  There is no relationship between them   Your original selector therefore matched  all elements of type  input  that are descendants of an element with the class name  button   and all elements of type  a

[css] adding css class to multiple elements

Examples related to css

Examples related to class