CSS語法：元素上懸停內部ID和

類

a, a:hover

居住的ID，類和元素中的元素的

。什麼是最有效和最有效的語法？

例子：

#leftmenu .shortcuts ul li a, a:hover { 
    text-decoration: none; 
}

問候， //牛逼

來源

2011-05-11 Teson

CSS是不是聰明，所以你必須明確地寫出來的是第一部分，再次。作爲@sdleihssirhc指出，你可以省略li，作爲ul元素被認爲已經包含li S，所以選擇將仍起作用：

#leftmenu .shortcuts ul a, 
#leftmenu .shortcuts ul a:hover { 
    text-decoration: none; 
}

我會考慮給予該ul的id，因爲它會凝結在CSS相當：

#lm_ul a, #lm_ul a:hover { 
    text-decoration: none; 
}

來源

2011-05-11 17:15:10 Blender

雖然，在所有可能性，可以通過擺脫「li」部分來使它更簡潔。而且，如果可能的話，更好的解決方案是隻給鏈接一個類名稱。 – sdleihssirhc 2011-05-11 17:17:11

我剛剛在你提到的第二部分編輯，但感謝'li'技巧。我將在我的代碼中使用它。 – Blender 2011-05-11 17:20:10

謝謝，優秀的答案。 SO是自行車以來最好的事情。 – Teson 2011-05-11 17:43:53

，或者你可能只是做同樣的事情適用於所有鏈接容器內一個id =「leftMenu」

CSS：

#leftMenu > * a, #leftMenu > * a:hover{ .... }

HTML：

<ul> 
    <li><span><a>item1</a></span></li> 
    <li><p><a>item1</a></p></li> 
    <li><div><a>item1</a></div></li> 
    <li><em><a>item1</a></em></li> 
</ul>

這會考慮到每個元素中不管是包裝容器內的鏈接使用id = 「leftMenu」

來源

2011-05-11 17:43:48 robx

CSS語法：元素上懸停內部ID和

回答

相關問題