a链接标签:浏览器默认制定了一个样式:蓝色的 有下划线的: a {color: blue; text-decoration: underline;}
权重叠加:如果是复合选择器,则会有权重叠加,需要计算权重:前提是直接选中目标元素
<head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title><style>div ul li{color: red;}.nav ul li{color: blue;}</style></head><body><divclass="nav"><ul><li><ahref="#">看我长啥样</a></li></ul></div></body>
对于li标签来说,两个选择器都能直接选中li标签:但是div ul li选择器都是标签选择器:权重为0,0,0,3(=1+1+1)!第二个选择器.nav ul li的权重为: 0,0,1,2(=1+1):所以第二个选择器的权重高