关于class和id的优先级
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css样式的使⽤⽅式</title>
<style>
.v {background-color:red;}
#v {background-color:yellow;}
h1{background-color:blue;}
cssclass属性.v .p{background-color:green;}
#v .p {background-color:purple;}
</style>
</head>
<body class="v" id="v">
<h1 class="p">css样式的使⽤⽅式</h1>
</body>
</html>
最后背景颜⾊为黄⾊,h1背景颜⾊为紫⾊。同级优先级id>class,对于⼆级内容,如果和上级属性有冲突的话,优先级id1 id2/class2/标签2> class1 id2/class2/标签2 >id2>class2>标签2>id1>class1>标签1
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论