1. 预备知识
- id选择器和class选择器
选择器的优先级
选择器的权重值
<html>
<head>
<style>
p
{
color:yellow;
}
#p1
{
text-align:center;
}
#para1
{
text-align:center;
color:red;
}
.color
{
color:blue;
}
</style>
</head>
<body>
<p id="para1">Hello World!仅有id选择器</p>
<p>这个段落只有标签选择器。</p>
<p class='color'>这个段落只有class选择器。</p>
<p style="background:green;color:black">行内样式的优先级最高所以标签选择器的字体颜色不生效</p>
<p id="p1">id选择器加标签选择器</p>
</body>
</html>