<link href="main.css" rel="stylesheet" />
<style>
.selected {
color: white;
}
</style>
<ul class="orders">
<li>item 1</li>
<li class="selected">item 2</li>
<li>item 3</li>
</ul>
/* main.css */
ul li {
list-style: none;
color: black;
}
item 2是什么颜色的?
/* main.css */
ul li {
list-style: none;
color: black;
}
/* html.css */
li {
display: list-item;
}
优
先
级
优
先
级
#
id
1
0
·
(伪)类
2
2
E
标签
2
2
#nav .list li a:link
.hd ul.links a
特异度一样时,按照样式书写顺序,后面的优先级高。
button {
font-size: inherit;
}
* {
box-sizing: inherit;
}
body { width: 90% }
实际进行布局才能将这些值转化为应用值