如何設置這個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; }