Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何更改特定div的css样式?_Css - Fatal编程技术网

如何更改特定div的css样式?

如何更改特定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="

我想更改特定div的li标记的样式,这意味着我想为整个页面显示该元素,但在开始时我不想显示该li标记。我想改变标签的样式

<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元素

请澄清您要更改的样式。是否希望显示元素以响应特定事件(例如:悬停)?如果没有明确的问题,如何给出明确的答案?最好先问哪一个作为对问题的评论。虽然我涵盖了所有案例,不是吗?是的,但如果这个答案被接受,未来的访问者如何知道哪一部分是正确的?@而且未来的访问者可能很难理解他想隐藏的标签,就像我一样,因此,我的答案非常适合这种情况。你在吹毛求疵。