• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

是否有特定的CSS属性顺序?

css 来源:romani 8次浏览

例如,如果我写的:是否有特定的CSS属性顺序?

background-color: black; 
color: white; 

color: white; 
background-color: black; 

有两个,我应该关心的秩序之间有什么区别?


===========解决方案如下:

不可以。您可以按任意顺序书写。在同一选择器内重复的情况下,最后一条规则获胜。

p { 
    color:blue; 
    color:red; 
    color:green; /* Green wins */ 
} 

当处理多个选择器时,稍后的规则将覆盖较早的规则,除非较早的选择器更具体。

例如,该代码将关闭所有的段落绿色:

p { color:red; } 
/* ... */ 
p { color:green; } 

尽管此代码将关闭所有的段落红色,因为第一选择是更具体

body p { color:red; } 
/* ... */ 
p { color:green; } 

虽然规则选择中的顺序可能并不重要,我会照顾(着色规则之前上浆规则之前位置的规则,例如)把它们写在可预知的顺序只是为了让你的CSS一致,保持稍微愉快一点。


版权声明:本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。
喜欢 (0)