禁用CSS通配符

Question

我有一个CSS，它曾经与我的整个页面相关：

*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;  
}

但后来我意识到，我只想将这种样式应用于页面的特定部分(使用class=“表单”)：

div[class="forms"],
div[class="forms"]:after,
div[class="forms"]:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;  
}

但它似乎不起作用。

Answer 1

只需添加一个.来表示类

div.forms,
div.forms:after,
div.forms:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;  
}

Answer 2

帕特里克，你写错了css。要针对特定的类(在本例中为"form")，需要将css代码更改为

div.forms

请注意，".“是一个类的css选择器。在您的html代码中，您将像这样使用它

<div class="forms"></div>

请阅读更多关于css selectors here的内容。