condense code

**ggalan** · 07-20-2010, 03:14 AM

can i some how combine this?

Code:

#square00 a:hover { background-color:#444; } 
#square01 a:hover { background-color:#444; } 
#square02 a:hover { background-color:#444; } 


a.class_00:hover{ color:#444; } 
a.class_01:hover{ color:#444; } 
a.class_02:hover{ color:#444; }

**gwmbox** · 07-20-2010, 03:59 AM

Code:

#square00 a:hover,#square01 a:hover,#square02 a:hover{background-color:#444;} 
a.class_00:hover,a.class_01:hover,a.class_02:hover{color:#444;}

**traq** · 07-20-2010, 04:04 AM

you could list them all in a single statement:

Code:

#square00 a:hover, #square01 a:hover, #square02 a:hover, 
a.class_00:hover, a.class_01:hover, a.class_02:hover{ color:#444; }

or, it may be simpler to create another class to set the bg color:

Code:

.bg{ color: #444; }

and apply it to all the elements you like.

In this (for example):#square00 a:hover, is #square00 the id for the <a> or for the <a>'s parent? If #square00 is the <a> itself, then you can simply write #square00:hover. Likewise, if .class_00 is only used on <a> elements, then you don't have to specify that the class belongs to the a element.