CSS内部样式和外部样式哪个优先级高?
6个回答
展开全部
很多地方都会讲成内部样式优先级比外部样式高，其实是不对的，内部样式和外部样式是具有相同的优先级的，就看谁出现的位置靠后，谁优先。如下面的代码，文字肯定要显示成黄色，而不是绿色。因为1.css文件在style样式定义后面引入的。如果放到前边，则会显示成内部样式定义的绿色。
--- 1.css
p{
font-size: 20px;
color:yellow;
background: black;
}
--- 1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p{
color:green;
background:black;
}
</style>
<link rel="stylesheet" href="1.css">
</head>
<body>
<p>test text!</p>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
id优先级高于class
后面的样式覆盖前面的
指定的高于继承
行内样式高于内部或外部样式
内部样式高于外部样式
总结：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的
后面的样式覆盖前面的
指定的高于继承
行内样式高于内部或外部样式
内部样式高于外部样式
总结：单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
内部的高
内联样式 > 内部样式 > 外部样式 (内联就是写在标签的style属性里的样式)
ID选择器 > class选择器
内联样式 > 内部样式 > 外部样式 (内联就是写在标签的style属性里的样式)
ID选择器 > class选择器
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
内部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
