如何设置这个CSS只适用于指定的类？

Question

考虑以下标记：

<div class="my_class"></div> 

和和下面的CSS：

.sidebar .nav { width: 95%; } 
.sidebar-nav{ left: -200px; } 
.sidebar-nav.active{ left: 0; } 

我怎样才能使上述样式应用只有关my-class班的孩子？

Answer 1

这是我的理解，你要下面的css到只适用于.my_class的子女。

如果是这样，请改变你的CSS这样的：

.my-class .sidebar .nav { width: 95%; } 
.my-class .sidebar-nav{ left: -200px; } 
.my-class .sidebar-nav.active{ left: 0; } 

请注意，如果您有任何sidebar或sidebar-nav外您my-class，他们将不会得到上述的风格。

查看MDN上的Specificity。

Answer 2

.my-class .sidebar .nav { width: 95%; } 
.my-class .sidebar-nav{ left: -200px; } 
.my-class .sidebar-nav.active{ left: 0; }