第1个回答 2013-05-07
先列出他们的定义方式：<style> .myStyle{------类选择器 color:red; } div{-----标签选择器 color:gree; } #myStyle{---------ID选择器 color:bule; }</style> 1、类选择器：根据类名来选择，类名定义方式：<div class="myStyle"></div>，类选择器的定义方式：以点开头后面是选择器名字——.myStyle。注明：需要定义class属性2、标签选择器：根据标签选择，标签选择器是根据标签名称来定义的！如上面的：<div class="myStyle"></div>，在css中如果有定义div的标签样式，那么他们的加载样式的顺序则是：先加载定义的标签样式，后加载名称为：.myStyle的标签样式。注明：标签样式无需定义其他属性，只要你定义了标签样式，而你的HTML代码中又存在此标签，即会生效。3、ID选择器：根据ID名称去选择，<div id="myStyle" class="myStyle"></div>，以上说明类推，ID选择器，顾名思义，需要定义ID属性，并且样式在定义时以#号开头。，<div id="myStyle" class="myStyle"></div>，顺便说下这里的样式加载顺序：先加载定义的标签样式，后加载名称为：#myStyle的ID样式，最后才是.myStyle类样式。我在样式里面设置的均是颜色，分别是红（.myStyle中），绿（DIV的标签样式中），蓝(#myStyle中)，颜色的最终显示结果将会是红色，因为<div id="myStyle" class="myStyle"></div>，这段标签中，class属性是定义在最后的，所以显示结果是红色red. 4、伪类选择器 比如说：鼠标悬停，就是属于伪类中的一个。 例子：a:link{ } a:hover{ } a:visted{ } link:超链接没有被点击时的样式。 hover:鼠标悬停在超链接时的样式、 visited 超链接被访问过后的样式。