[HTML][CSS] Jeden identyfikator dwie klasy Opcje

[-a_kiler-]

Witam forumowiczów

Problem do rozwiązania:
A )
Czy akcję :hover można w moim przypadku przypisać wspólnie do kilku identyfikatorów?
(np.)
#icons li a:hover {
background-position: -55px 0;}

B )
1 podstrona: obrazek jest "inactive", akcja :hover obrazek "active" (to działa)
2 podstrona: obrazek jest "active", akcja :hover bez zmian (to nie działa)

Z góry dziękuję za wytyczne w tej kwestii.
/a_kiler


strona1.html:

[HTML] pobierz, plaintext 
<div id="icons">
<ul>
 <li><a class="item1" href="link1"></a></li>
 <li><a class="item2 active" href="link2"></a></li>
 <li><a class="item3" href="link3"></a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

styl.css

[HTML] pobierz, plaintext 
#icons li {
	list-style-type:none;}
#icons li a {
	width:55px; height:55px; margin: 5px 3px 5px 4px; padding:0;
	display:block; float:left;}
 
#icons li a.item1 {
	background: transparent url(../images/1.png) no-repeat;}
#icons li a.item1:hover {
	background-position: -55px 0;}
#icons li a.item2 {
	background: transparent url(../images/2.png) no-repeat;}
#icons li a.item2:hover {
	background-position: -55px 0;}
#icons li a.item3 {
	background: transparent url(../images/3.png) no-repeat;}
#icons li a.item3:hover {
	background-position: -55px 0;}
 
 
#icons li.active a {
	background-position: -55px 0;}
[HTML] pobierz, plaintext