-2

我想更改我的li标签的样式,因为div我想为整个页面显示该元素,但一开始我不想显示该li标签。我想改变那个标签的风格。

<ul id="butons_right">
        <li>
            <a href="#service" id="toTop" rel="nofollow">Top</a>
        </li>
        <li>
             <div id="close"></div>
        </li>
</ul>

这是我不想在页面开头显示它的那个元素。我想将其样式更改为显示:无。

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

4

3 回答 3

0

使用nth-child css 选择器选择特定的liCSS:

这是示例:

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

并隐藏第一个li使用display:nonecss中的属性。

于 2013-04-30T11:53:13.703 回答
0

在 CSS 中:

#butons_right>li {
    display: none;
}

但是,为该标签分配一些内容,以便您可以选择该特定标签。我不确定li您要隐藏哪个标签。

如果是第一个li标签,请使用li:first-child. 如果没有,请为其分配一个类,例如 ,hidden然后使用.hidden( #butons_right>.hidden,或只是.hidden)。

于 2013-04-30T11:50:28.453 回答
0

您的初始代码应说明

selector {
visibility:hidden;
}

加载文档或出现您感兴趣的任何事件后,您可以修改样式

selector {
visibility:visible;
}

可见性属性的好处是不会重新排列布局框。当设置为无时,显示属性会从您的元素流中消失。当您再次修改它以恢复可见性时,布局将受到影响

使用哪个选择器

这取决于您的偏好/需求您可以在标记中应用 id 或类作为“关闭”,并在您的 css 中使用

#butons_right li.close {
visibility:hidden;
}

这个选择器很好地实现了跨浏览器,可以很好地工作,具有很强的特异性。如果不是,您可以使用(如果合适的话)first-child、last-child 或 nth-child(n) 来定位您想要的 li 元素

于 2013-04-30T11:59:57.063 回答