如何更改特定div的css样式?
我想更改特定div的li标记的样式,这意味着我想为整个页面显示该元素,但在开始时我不想显示该li标记。我想改变标签的样式如何更改特定div的css样式?,css,Css,我想更改特定div的li标记的样式,这意味着我想为整个页面显示该元素,但在开始时我不想显示该li标记。我想改变标签的样式 <ul id="butons_right"> <li> <a href="#service" id="toTop" rel="nofollow">Top</a> </li> <li> <div id="
<ul id="butons_right">
<li>
<a href="#service" id="toTop" rel="nofollow">Top</a>
</li>
<li>
<div id="close"></div>
</li>
</ul>
这是我的那个元素,它不想在页面的开头显示它。我想将其样式更改为显示:无
有谁能给我提供解决办法吗。
提前感谢。在CSS中:
#butons_right>li {
display: none;
}
但是,为该标记指定一些内容,以便您可以选择该特定标记。我不确定你想隐藏哪个李牌
如果是第一个li标记,请使用li:first child。如果没有,请为其指定一个类,例如hidden,然后使用.hidden butons\u right>.hidden或just.hidden。使用css选择器选择特定的css:
以下是一个例子:
#butons_right > li:nth-child(1){
/*your css*/
}
要隐藏第一个li,请使用css中的display:none属性。初始代码应说明
selector {
visibility:hidden;
}
加载文档或发生任何您感兴趣的事件后,可以使用
selector {
visibility:visible;
}
“可见性”属性的优点是不会重新排列布局框。
当设置为“无”时,display属性将从元素的流中取出。再次修改以恢复可见性时,布局将受到影响
使用哪个选择器
这取决于你的喜好/需要
您可以在标记中应用一个id或一个类作为close,并在css中使用
#butons_right li.close {
visibility:hidden;
}
该选择器在跨浏览器中实现得很好,并且具有很强的特殊性。
如果不适合,您可以使用“第一个孩子”、“最后一个孩子”或“第n个孩子”来确定所需的li元素请澄清您要更改的样式。是否希望显示元素以响应特定事件(例如:悬停)?如果没有明确的问题,如何给出明确的答案?最好先问哪一个作为对问题的评论。虽然我涵盖了所有案例,不是吗?是的,但如果这个答案被接受,未来的访问者如何知道哪一部分是正确的?@而且未来的访问者可能很难理解他想隐藏的标签,就像我一样,因此,我的答案非常适合这种情况。你在吹毛求疵。