轻松学习网页设计

div+css网页布局第二课  css高级

css选择符类型

1、类型选择符

就是html文档中的元素（作用于html标记）

如p{属性:值}

2、类选择符：可以自己定义样式，应用于一个或多个网页元素，类在网页中可以出现多次，用于定义重复的样式。类以英文"."开头，后面的名字自己定义，类定义后还需要在网页中加入class=类名称，加以调用。

如：.warning{属性：值}

<p>...</p>

3、ID选择符：与类基本相似，只是一英文"#"开头，因为ID具有唯一性，所以在网页中只能出现一次，用于定义只出现一次的样式。

如：#main{属性：值}

<p id="warning">...</p>

4、通配选择符：*{属性：值}，用于定义所有元素

5、包含选择符：语法e1 e2{属性：值}，

·含义是所有被e1包含的e2，

·如：table td{属性：值}

·同时给某个元素应用多个类于ID

·<p class="a1 a2"id="a6">...</p>

6、选择符分组：将同样的样式定义用于多个选择符，选择符之间用逗号分隔。

如：p,div,.warning{属性：值}

7、标签指定式选择符：如果既想使用id或class，也想同时使用标签选择符

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

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

8、组合选择符：将以上选择符进行组合使用

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

h1.p1,#content h1{}