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 =“forms”）：

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。要定位特定课程（在您的情况下＆＃34;表单＆＃34;），您需要将css代码更改为

div.forms

请注意＆＃34;。＆＃34;是一个类的CSS选择器。在您的HTML代码中，您将使用它

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

请阅读有关css选择器here的更多信息。

禁用CSS通配符

2 个答案: