如何使用css隐藏特定页面上的类

时间:2014-02-21 13:52:20

标签: html css

我想在页面“sale”上隐藏项目符号class =“det_price”。有人可以告诉我如何使用CSS来做到这一点。

以下是代码示例:

<body id="sale">
...
<li class="det_price">
</li>
...

5 个答案:

答案 0 :(得分:2)

添加此CSS规则:

#sale .det_price {
    display: none;
}

答案 1 :(得分:1)

#sale .det_price{display:none;}

答案 2 :(得分:0)

如果要隐藏,请使用visibility属性值hidden。这将隐藏它。

对于实例,

#sale .det_price {
    visibility: hidden;
}

希望这有帮助。

答案 3 :(得分:0)

隐藏你可以尝试的项目点......

 <div id="sale">
  <ul>
    <li class="det_price">test</li>

  </ul>
  </div>

和CSS应该是这样的

#sale>ul>li.det_price{list-style-type:none; color:red;}

这是工作演示

http://jsbin.com/miciyuqi/1/edit

答案 4 :(得分:0)

所有答案都在上面工作,但您必须决定是否希望“隐藏”的信息保留在HTML中或从DOM中完全删除。显示:无;将完全删除它,在哪里可见性:隐藏;只会将其隐藏在访问者的视图中,但会将代码保留在DOM中。两者之间存在很大差异。