CSS选择器

 css选择器包含ID选择类、类选择器、元素选择器、属性选择器、包含选择器、子选择器和css3中新增的兄弟选择器。以下仅说明几种常用的选择器使用方法。

1.ID选择器（ID selector，IS）。为标有特定id的HTML元素指定特定的样式。使用“#”表示selector，语法格式：#S{……}  S是选择器名称。例如：id为name的标签会匹配下面的样式

<style>#name{ ???color:red; ???}</style><!--下面的文字是红色的--><p id="name">red text</p>

 2.类选择器（Class selector）。class选择器用于描述一组元素的样式，可以在多个元素中使用。使用“.”表示selector，语法格式：.S{……}。例：class属性值为value的标签会匹配下面的样式

<style>.value{ ?text-align:center;}</style><!--下面的文字是居中对齐--><p class="value">center text</p>

 3.元素选择器（Element selector，ES），又叫标签选择器。使用标签名作为selector名，语法格式：S{……}。例：所有的p标签都会匹配以下的样式

<style>p{ ?font-style:italic;}</style><!--下面的文字是斜体的--><p>italic text</p>

 4.包含选择器（Package selector，PS）。指定目标选择器必须处在某个选择对应的元素内部，语法格式：A B{……}（A、B为HTML元素/标签，表示对处于A中的B标签有效）。例：以下div内的p标签和div外的p标签分别匹配不同的样式

<style>p{ ?color:red; ?}div p{ ?color:green;}</style><p>red text</p>div{ <p>green text</p>}</div>