Html .css文件中较低的外部样式表是否覆盖了以前的样式表?
想象一下第一个样式表中的颜色是蓝色。假设第二个样式表显示h1颜色为红色。哪一个赢了 我实际上不确定,如果两个css同名会发生什么。我想这没关系 重要的是css文件的顺序。在使用相同选择器的情况下,稍后包含的文件具有更高的优先级。所以是的,第二个会赢 更重要的是选择器。如果一个选择器比另一个选择器更具体,则更具体的选择器获胜。例如,Html .css文件中较低的外部样式表是否覆盖了以前的样式表?,html,css,Html,Css,想象一下第一个样式表中的颜色是蓝色。假设第二个样式表显示h1颜色为红色。哪一个赢了 我实际上不确定,如果两个css同名会发生什么。我想这没关系 重要的是css文件的顺序。在使用相同选择器的情况下,稍后包含的文件具有更高的优先级。所以是的,第二个会赢 更重要的是选择器。如果一个选择器比另一个选择器更具体,则更具体的选择器获胜。例如,body h1比h1更具体,即使在h1之前包含,也会获胜 解决这个问题的唯一方法是找到一个更具体的选择器——或者以后包含的同一个特定选择器——或者使用!重要信息样式表根
body h1
比h1
更具体,即使在h1
之前包含,也会获胜
解决这个问题的唯一方法是找到一个更具体的选择器——或者以后包含的同一个特定选择器——或者使用
!重要信息
样式表根据其优先级存在顺序
<link rel="stylesheet" href="css/css.css">
<link rel="stylesheet" href="css/css2.css">
在任何一种方法中,如果使用相同的样式名称,则最后一个优先级高于所有相同的名称您尝试过吗?你可以在本地测试一下。这能回答你的问题吗?你说得对,我可以试试看。第二个样式表否决了这一点。将删除问题,但建议不要这样做。
Browser Defaults
External Style Sheets (Linked or Imported)
Internal Style Sheets (Embedded)
Inline Styles