子选择器:
.food>li{border:1px solid red;}
用于选择指定标签元素的第一代子元素。
包含选择器:
.first span{color:red;}
子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。
通用选择器:
* {font-size:20px;}
伪类选择符:hover
a:hover{color:red;}
鼠标划过时的颜色变化
分组选择符:
h1,span{color:red;}
样式的继承性:某些样式具有继承性,即对<p>
起作用时,对其里面的<span>
同样起作用,但另一些样式没有继承性,如border:1px solid red
。
特殊性:权值
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100,继承的权值最低。
层叠:
在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
!important
样式重要
文字排版:
字体body{font-family:"宋体";}
字号和颜色body{font-size:12px;color:#666}
粗体a{font-weight:bold;}
斜体a{font-style:italic;}