如何寫一個父類的CSS樣式？

我希望爲父類<a class="Undo" href="javascript:void(0);" title="Undo"></a> 寫一個CSS樣式，但我不知道該怎麼做，我是一個CSS樣式的初學者。我知道，「#MyTools UL禮」是所有裏，現在我希望能寫一里如果你想樣式股利具有孩子<a class="Undo" href="javascript:void(0);" title="Undo"></a>如何寫一個父類的CSS樣式？

#MyTools ul li 
{ 
    list-style-type: none; 
    float: left; 
    border: none; 
    padding: 2px; 
} 

#MyTools ul li a.Copy{ background-position: 0 0; width: 20px; height: 20px; } 
#MyTools ul li a.Cut{ background-position: -20px 0; width: 20px; height: 20px; } 
#MyTools ul li a.Paste{ background-position: -40px 0; width: 20px; height: 20px; } 
#MyTools ul li a.Redo{ background-position: -60px 0; width: 20px; height: 20px; } 
#MyTools ul li a.Undo{ background-position: -80px 0; width: 20px; height: 20px; } 


<div id="MyTools"> 
<ul> 
<li> 
<a class="Undo" href="javascript:void(0);" title="Undo"></a> 
</li> 
<li> 
<a class="Redo" href="javascript:void(0);" title="Redo"></a> 
</li> 
<li class="separator"></li> 
<li> 
<a class="Cut" href="javascript:void(0);" title="Cut"></a> 
</li> 
<li> 
<li> 
</ul> 
</div>

來源

2012-02-25 HelloCW

沒有父母選擇器。但是，您可以將類名稱附加到父級，然後將CSS屬性分配給該類名稱。 – 2012-02-25 15:28:20

你想要什麼樣式？ – jribeiro 2012-02-25 15:30:13

你不能用CSS做到這一點。你可以使用jQuery： http://api.jquery.com/has-selector/

或者通過檢查布爾真值yourParentElement.querySelector('A.undo')與普通的JS。

來源

2012-02-25 16:59:30

一個css：

#myTools { /* ... */ }

如果你想在風格UL：

#myTools ul { /* ... */ }

不幸的是在CSS（甚至沒有CSS3）父母選擇，所以如果有什麼東西上面，你需要#myTools風格，你需要弄清楚如何編寫適當的自上而下選擇器（或分配一個新的類/ id到元素）。

來源

2012-02-25 15:29:39

如果我使用JQuery，如何選擇有子對象的對象？ – HelloCW 2012-02-25 15:51:54

如何寫一個父類的CSS樣式？

回答

相關問題