我有一个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;
}
但它似乎不起作用。
发布于 2015-05-13 13:34:52
只需添加一个.
来表示类
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;
}
发布于 2015-05-13 13:39:34
帕特里克,你写错了css。要针对特定的类(在本例中为"form"),需要将css代码更改为
div.forms
请注意,".“是一个类的css选择器。在您的html代码中,您将像这样使用它
<div class="forms"></div>
请阅读更多关于css selectors here的内容。
https://stackoverflow.com/questions/30216398
复制相似问题