1 标签选择器
直接指定要应用规则的标签
p
{
color:red;
}
有一种特殊的标签选择器，称为“通配选择器”，用一个星号（*）代表。这个选择器可以与任何元素匹配，就像是一个能配符。
*
{
color:red;
}
2 类别选择器
为同一HTML标签指定不同的样式，标签间要指定不同的类别。如：
<p class="greenstyle">绿色的段落</p>
<p class="redstyle">红色的段落</p>
定义CSS
.greenstyle{ color:green }
.redsytle{ color:red }
同一样式类可以被不同的HTML元素使用，一个元素也可以应用多个样式类
3 ID选择器
HTML元素可以设定一个整个页面唯一的ID属性。这时CSS通过在选择器前加入一个"#"号为指定ID的HTML元素设定样式
...
<body>
<div id="container">
<!--
网页的内容放于此
-->
</div>
</body>
...
定义CSS
#container
{
margin:0 auto
width:800px
}
4 伪类选择器
有一些特殊的HTML元素可以拥有不同的状态，例如，用于定义超链接的<a>标签就可以处于”未被访问“、”已访问“、”鼠标悬浮于其上“等几种状态。对于这种元素，CSS用伪为选择器来给其不同的状态定义样式。
元素名：CSS伪类名
{
属性名称1：属性值1；
属性名称2：属性值2；
}
对于超链接<a>元素，可以定义如下
a:link
{
color:navy;
}
a:visted
{
color:gray;
}
a:hover
{
color:red;
}
5交集选择器
当需要精确地选择HTML文档中的某部分时，可以使用交集选择器。例如：
p.special
{
color:red
}
此选择器规定，只有指定了CSS类别为special的<p>元素才应用此样式：
<p class ="special">本段指定了.special类别的样式，字体为红色</p>
486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
