css选择器

CSS语法结构仅仅由三部分组成，选择符，属性，值

选择符：

类型选择符，例如body｛｝控制页面中所有的body

群组选择符

H1,h2,h3,p,span{}     页面中的所有的h1，h2，h3，p及span都将具有相同的样式定义

包含选择符

h1 span{}  对h1下面的span进行样式指派

id及class选择符

如下

<div id=”content”></div>

#content{}

class选择符

<div class=”p1”></div>

<h1 class = ”p1”></h1>

<h3 class=”p1”></h3>

.p1{}

标签指定式选择符

如果既想使用id或class，也想同时使用标签选择符，格式如下

h1#content{}   表示针对所有id为content的h1标签

h1.p1{} 表示针对所有class为p1的h1标签

组合选择符

h1 .p1{}  表示h1下所有class为 p1的标签

#content h1{}   id为content标签下所有的h1标签

h1 .p1， #content h1{}     组合

h1#content h2{}  id为content的h1标签下的h2标签