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

Question

我想更改特定li的{​​{1}}标记的样式，这意味着我想在整个页面中显示该元素，但在开始时我不想显示{{1} } 标签。我想改变那个标签的风格。

div

这是我想要在页面开头显示它的元素。我想改变它的样式来显示：none。

任何人都可以为我提供任何解决方案。 提前谢谢。

Answer 1

在CSS中：

#butons_right>li {
    display: none;
}

但是为该标记指定了一些内容，以便您可以选择该特定标记。我不确定您要隐藏哪个li标记。

如果是第一个li标记，请使用li:first-child。如果没有，请为其指定一个类，例如hidden，然后使用.hidden（#butons_right>.hidden或.hidden）。

Answer 2

使用nth-child css选择器通过CSS选择特定的li：

以下是示例：

#butons_right > li:nth-child(1){
  /*your css*/
}

要隐藏第一个li，请使用css中的display:none属性。

Answer 3

您的初始代码应说明

selector {
visibility:hidden;
}

加载文档或出现您感兴趣的任何事件后，您可以使用

修改样式

selector {
visibility:visible;
}

可见性属性的好处是不会重新布置您的布局框。 当设置为none时，display元素将从元素流中取出。当您再次修改它以返回可见性时，布局将受到影响

使用哪个选择器

这取决于您的喜好/需求 您可以在标记中将id或类应用为“close”，并在css中使用

#butons_right li.close {
visibility:hidden;
}

这个选择器可以很好地实现跨浏览器，并且具有很强的特异性。 如果不是，你可以使用（如果合适的话）第一个孩子，最后一个孩子或者n个孩子（n）来定位你想要的li元素