CSS覆盖规则

我有一点CSS问题.

在我的HTML中我有这样的事情:

  
Entry 1
  
Entry 2

在我的CSS中:

.box-div div {
  display: inline-block;
}

.hide {
  display: none;
}

我希望隐藏第二个嵌套div,但第一个规则会覆盖第二个嵌套div.怎么解决这个问题？

1> AVAVT..：

---

增加你的力量,使其比以前的规则更强:

.box-div .hide {
  display: none;
}

要么

div.hide{
   display: none;
}

---

我不喜欢!重要.!重要的是所有加班的根源.

---

@Mark for Fs,你似乎有意在思想基础上做对吗？_这正是为什么!important exists_.它不是为了创造头痛,而是为了一般的**类,如`.hide`,它很有用,因为我可能想在头,图像,div,超深嵌套的东西等上使用它...原因它是_right_这里增加的特异性是_stupid_好像你想要隐藏你网站上的任何东西,你将不得不继续添加每个元素并给它一个.hide类,这只是加班来解决已经有解决方案的问题.