避免使用css样式中的*
避免使用css样式中的*
提问于 2011-07-12 18:18:49
我必须在具有如下样式的页面的其他样式中设置样式：
* {
width : 200px;
color : #0000;
}它将样式应用于所有标签，包括我自己的标签。有没有一种方法可以避免那些带有星号的样式，并且我自己的样式不会更改为那些样式？
我已经在我的标签中设置了内联样式，但是星号改变了它。
谢谢。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-07-12 18:31:11
使用更多的specific选择器覆盖现有的选择器。或者你可以把你的东西放在一个有类的div中，然后为这个div中的所有东西重置CSS。
.yourstuff * {
/* reset your stuff here */
Width: auto; /* etc. */
}
<div class="yourstuff">
Your stuff
</div>Stack Overflow用户
发布于 2011-07-12 18:21:32
您可以在样式中设置css标志!important以覆盖编写的样式。
Stack Overflow用户
发布于 2011-07-12 18:43:51
你说你不能通过内联标签覆盖*，但我想你的意思是你不能通过标签属性覆盖它。这是正确的，CSS将始终覆盖旧的样式标签属性。但是，如果您在样式属性中设置它们，它应该可以很好地工作。
例如：
<html>
<head>
<style type="text/css">
* {
width : 200px;
color : #000000;
}
</style>
</head>
<body>
<div style="background-color: aqua" width="100%">
This is some text </div>
<div style="background-color: yellow; width: 100%;">
This is some text </div>
</body>
</html>第一个DIV将被限制为200px宽，因为Width属性被您的*样式覆盖。
第二个DIV将是屏幕的100%，因为宽度样式将覆盖您的*样式。CSS通过应用它能找到的最具体的规则来工作。因为内联样式是您所能得到的最具体的样式，所以它总是获胜。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6662654
复制相关文章
相似问题
腾讯云开发者
