Question

我希望为<a class="Undo" href="javascript:void(0);" title="Undo"></a>的父类编写一个css styple 但我不知道怎么做，我是CSS styple的初学者。我知道，“＃MyTools ul li”适用于所有李，现在我希望为一个有孩子的{li}写一个css <a class="Undo" href="javascript:void(0);" title="Undo"></a>

#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>

Answer 1

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

或者使用普通JS检查yourParentElement.querySelector('A.undo')的布尔真值。

Answer 2

如果你想设置div的样式：

#myTools { /* ... */ }

如果你想设置ul：

的样式

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

不幸的是CSS中没有父选择器（甚至不是CSS3），所以如果你需要设置样式以上#myTools，你需要弄清楚如何编写适当的自上而下选择器（或者指定一个元素的新类/ id）。

如何为父类编写CSS样式？

2 个答案: