CSS类与!重要的是没有被应用?
我有这个HTML:CSS类与!重要的是没有被应用?,css,Css,我有这个HTML: 。文本成功{ 宽度:75px; 填充:1px; 颜色:#4c9709; } .什么东西{ 填充:0px 0px 0px 37px!重要; 颜色:#FFA500!重要; } .线宽{ 线高:21px!重要; } 出现错误的文本尝试此代码,它可以工作。您可以看到它 你必须使用!父节点上的重要css属性和子节点或父节点上的其他css属性。试试这些代码,它可以工作。你可以看到它 你必须使用!父节点上的重要css属性以及子节点或父节点上的其他css属性。问题似乎在于特定性值。css越
。文本成功{
宽度:75px;
填充:1px;
颜色:#4c9709;
}
.什么东西{
填充:0px 0px 0px 37px!重要;
颜色:#FFA500!重要;
}
.线宽{
线高:21px!重要;
}
出现错误的文本
尝试此代码,它可以工作。您可以看到它
你必须使用!父节点上的重要css属性和子节点或父节点上的其他css属性。试试这些代码,它可以工作。你可以看到它
你必须使用!父节点上的重要css属性以及子节点或父节点上的其他css属性。问题似乎在于特定性值。css越具体,它在层次结构中的地位就越高。例如 一个类比一个id更不特定,因此该id将赢得任何覆盖 内联样式比id更具体,因此样式获胜 这个!重要的规则可能已经到位,但由于css的特殊性而不起作用。在类之前添加元素类型应该使特殊性胜过其他规则(内联规则除外!重要) css示例:
.class {color: #fff;}
#id {color: #000;} /*id will win*/
span.class {color: #fff;}
#id {color: #000;} /*id will lose because span.class narrows down selectors moreso than #id*/
问题似乎在于具体价值。css越具体,它在层次结构中的地位就越高。例如 一个类比一个id更不特定,因此该id将赢得任何覆盖 内联样式比id更具体,因此样式获胜 这个!重要的规则可能已经到位,但由于css的特殊性而不起作用。在类之前添加元素类型应该使特殊性胜过其他规则(内联规则除外!重要) css示例:
.class {color: #fff;}
#id {color: #000;} /*id will win*/
span.class {color: #fff;}
#id {color: #000;} /*id will lose because span.class narrows down selectors moreso than #id*/
您可以分享您的css吗?我看到橙色尝试添加更多的特定性-
b span。如果类对于页面是唯一的,而不是全局的,则是因为您没有指定正确的容器。。在这种情况下,“SomethingOrOther”不等于“a”。例如,您正在更改SomethingOrOther中文本的颜色,而不是“SomethingOrOther a u”…@这家伙有两个大拇指,我将CSS更改为span。SomethingOrOther
,这解决了问题,因此如果您想将其作为答案发布,我将接受它。谢谢。你能分享你的css吗?我看到橙色,尝试添加更多的特殊性-b span。SomethingOrOther
(如果类是页面唯一的,而不是全局的),这是因为你没有指定正确的容器。。在这种情况下,“SomethingOrOther”不等于“a”。例如,您正在更改SomethingOrOther中文本的颜色,而不是“SomethingOrOther a u”…@这家伙有两个大拇指,我将CSS更改为span。SomethingOrOther
,这解决了问题,因此如果您想将其作为答案发布,我将接受它。谢谢。你的例子与我在网站上观察到的行为正好相反。带有的颜色!重要提示
由于某些原因,没有应用。您的示例与我在网站上观察到的行为相反。带有的颜色!重要信息
由于某些原因未应用。
.class {color: #fff;}
#id {color: #000;} /*id will win*/
span.class {color: #fff;}
#id {color: #000;} /*id will lose because span.class narrows down selectors moreso than #id*/