CSS选择器
AJAX 8月 15th. 2007, 9:40下午 - 602 Views -- 选择器概述使用级?样?表(CSS)中的样??以设置网页元素(例如?个字符?图??表?分层和网页正文)的显示属性。通过使用样?,您?以有效地在多个页?中创建一致的外观。基于类?ID或HTML元素的样?选择器?确定样?所影?的内容。
- 类选择器使用带有类选择器的样??以将?一组属性应用于一页或多页中的多个项。例如,您?以创建带有类选择器的样?,一边从视觉上强调??上的特定文字。
?以创建使用由两个或多个类选择器?或类和ID选择器组?的系列的样?,以便将属性应用于使用所有这些样?的元素。还?以将类选择器附加到元素选择器,以创建在指定的HTML元素使用指定类时影?该元素的样?。例如,p.alert将影?使用alert类的段?。
类选择器由?点(.)?跟??称(例如.alert)?类选择器系列(例如.alert.tip)?类和ID选择器的系列(例如.alert#footer)构?。
- ID选择器使用带有ID选择器的样??以将?一页上的?个项与其他项区别开?。例如,您?以创建带有ID选择器的样?,以定义?层?其中内容的外观。
?以创建使用一个ID选择器以?一个或多个类系列的样?,以便将属性应用于使用所有这些样?的元素。还?以将ID选择器附加到元素选择器,以创建仅在指定的HTML元素使用指定ID时应?该元素的样?。例如,div#footer将影?使用footer ID的?层。
ID选择器由数字标记(#)?跟??称(例如#footer)?或ID选择器和类选择器系列(例如#footer.alert)构?。
- 元素选择器使用带有元素选择器的样??以定义影?网页上特定HTML元素的?个实例的属性。例如,您?以创建一?样?,以设置影?网页上所有段?的p元素的属性。
?以将类选择器或ID选择器附加到元素选择器,以便样??以影?使用特定类或特定ID的HTML元素。例如,p.alert将影?使用alert类的段?,div#footer将影?使用footer ID的?层。
元素选择器由诸如body?p?ul?img或table之类的HTML元素构?。
- 分组选择器如果?让多个样?共享一个或多个属性,则?以将这些样?的选择器分为一组。例如,若?将类选择器.alert?ID选择器#footer和级别为1的标题分为一组,您?以创建使用选择器.alert, #footer, h1的新样?。
分组选择器由以逗?(,)分隔的两个或多个类选择器?ID选择器或元素选择器构?。
- 高级选择器您?以?制?个样?,以便该样?仅影?与所指定?件匹?的元素。例如,您?以创建一?样?,以设置?层内段?的属性。若??制选择器,您?以使用伪类?伪元素??代选择器??选择器??级选择器?属性选择器或这些选择器的组?。
注?:?些?览器(包括windows® InternetExplorer®7)?以显示本手册中??述的所有高级选择器。确?检查所需的?览器是?支?显示您使用的高级选择器。
- 伪选择器将伪类或伪元素附加到元素选择器?以定义该元素的特定方?或状?的属性。例如,您?以设置超链接的特定状?的属性,也?以设置文本段?中首字?的属性。
伪选择器由元素选择器?跟冒?(:)以?下列伪类或伪元素之一构?:first-child?first-line?first-letter?link?visited?lang?hover?active?focus?before或after。
- ?代选择器使用带有?代选择器的样??以定义?项所包?的其他项的属性。例如,您?以创建一?样?,以影??层所包?的段?。
?代选择器由类选择器?ID选择器或元素选择器?跟一个空格以??一个选择器构?,例如div p。
- ?选择器使用带有?选择器的样??以定义?项的直接?项的属性。例如,您?以创建一?样?,以影??层所包?的段?,但该样??影?该层中由?一元素(例如该层中的表)包?的段?。
?选择器由类选择器?ID选择器或元素选择器?跟一个?尖括?以??一个选择器构?,例如div > p。
- 相邻?级选择器使用带有相邻?级选择器的样??以定义紧跟在?项之?并与其共享?一父项的项的属性。例如,您?以创建在网页中紧跟?个标题?并共享?一父项的首段缩进样?。
相邻?级选择器由类选择器?ID选择器或元素选择器?跟一个加?(+)以??一个选择器构?,例如h1 + p。
- 属性选择器使用带有属性选择器的样??以定义具有指定属性(或具有制定值的指定属性)的元素的属性。例如,您?以创建一?样?,以影?带有边框的?表。
属性选择器由元素选择器?跟一个左方括?([)?一个属性?一个等?(=)以?一个值(?选)和一个?方括?(])构?,例如table[border]或table[align=left]。
