jQuery入门-选择器-1.CSS选择器

1.CSS选择器

    CSS是一项出色的技术，它使得网页的结构和表现样式完全分离。利用CSS选择器能轻松的对某个元素添加样式而不改动HTML结构，只需要通过添加不同的CSS规则，就可以得到各种不同样式的网页。

    要使某个样式应用于特定的HTML元素，首先需要找到该元素。在CSS中，执行这一任务的表现规则称为CSS选择器。

常用的CSS选择器

选择器                               语法                                        描述

标签选择器                  E｛CSS规则;｝                   以文档元素作为选择符

ID选择器                    #ID｛CSS规则;｝                 以文档元素的唯一标识符ID作为选择符

类选择器                   .Class｛CSS规则;｝             以文档原始的Class作为选择符

群组选择器               E1，E2，E3｛CSS规则;｝   多个选择符应用同样的样式规则

后代选择器               E F｛CSS规则;｝                 元素E的任意后代元素F

通配选择器                * ｛CSS规则;｝                    以文档内的所有元素作为选择符

几乎所有的主流浏览器都支持上面的常见选择器。此外，CSS中还有如下的选择器：

伪类选择器              (E:Pseudo-Elements { CSSRules;} )

子选择器                  (E > F { CSSRules; } )

临近选择器              (E + F {CSSRules; } )

属性选择器              (E[attr] { CSSRules; } )

但遗憾的是，主流浏览器并非完全支持。

转载于:https://www.cnblogs.com/daviyang/archive/2010/10/16/1859416.html