CSS爲特定的id僞類的屬性？

任何人都知道如何將css屬性應用於a標籤，但只有當它位於某個div中時才適用。我希望.router_li div具有懸停效果，但其他任何鏈接。我不確定這是什麼。CSS爲特定的id僞類的屬性？

我認爲它被稱爲僞類，我沒有做正確的。我嘗試這樣做：

a:router_li:hover{ 
    background-color:yellow; 
    width: 200px; 
    height: 60px; 
    background-color: #2c5fac; 
    border: 1px; 
    border-color: #FFFFFF; 
    border-top-right-radius: 8px; 
    border-top-left-radius: 8px; 
    border-bottom-right-radius: 8px; 
    border-bottom-left-radius: 8px; 
    border-style:solid; 
    border-width:1px; 
    color: white; 
}

來源

2012-06-25 rd42

您可以包括相關的HTML內指定的懸停錨標記？ – iambriansreed

的ID，類和僞類是不同的東西，和CSS有三個不同的符號：

如果你想只有當（這是一個僞類）應用這個特定的是div與router_li類（如<div class="router_li">），使用

.router_li a:hover

這是一類，雖然，如果它是一個ID（如<div id="router_li">），使用

#router_li a:hover

在這兩種情況下，router_li是不是一個僞類，因爲它是在標記定義，而不是在CSS，所以在代碼中:router_li是無效的。另請注意，ID /類別（以其爲準）出現在a:hover之前 - 這稱爲上下文選擇器（僅在div中有a）。

來源

2012-06-25 21:26:13 BoltClock

使用父id作爲選擇的一部分：

#parentId a { 
    /* specific CSS styles */ 
}

JS Fiddle demo。

這不是一個pseudo-class，當然（涵蓋這樣的事情:hover，:checked，:focus）或pseudo-element（這將是::before和::after）。這是簡單的繼承，選擇一個基於祖先的元素，這是#parentId和a之間的空間意味着什麼。

如果在div和a之間沒有其他祖先/後代，則可以使用>直接子組合器。

參考文獻：

CSS selectors, at the W3.org。

來源

2012-06-25 21:25:49

.router_li a:hover將只有.router_li元素

來源

2012-06-25 21:26:44 jackwanders

CSS爲特定的id僞類的屬性？

回答

相關問題