css的选择符
时间:2006-03-14 来源:kakasi
css中常使用的选择符主要有以下几种:
1.Type Selectors 类型选择符
示例:
td { font-size:14px; width:120px; } 2.Descendant Selectors 包含选择符 语法:
E1 E2
说明:
选择所有被E1包含的E2。即E1.contains(E2)==true。
示例:
table td { font-size:14px; } 3.ID Selectors ID选择符 语法:
#sID
说明:
以文档目录树(DOM)中作为对象的唯一标识符的ID作为选择符。
示例:
#note { font-size:14px; width:120px;}
4. Class Selectors 类选择符 语法:
E1.className
说明:
在HTML中可以使用此种选择符。其效果等同于E1[class~=className]。
在IE5+,可以为对象的class属性(特性)指定多于一个值(className),其方法是指定用空格隔开的一组样式表的类名。
示例:
div.note { font-size:14px; }
/* 所有class属性值等于(包含)"note"的div对象字体尺寸为14px */ 5.Grouping 选择符分组 语法:
E1,E2,E3
说明:
将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。
示例:
.td1,div a,body { font-size:14px; }
引至:苏沈小雨制作 的 css2中文手册
td { font-size:14px; width:120px; } 2.Descendant Selectors 包含选择符 语法:
E1 E2
说明:
选择所有被E1包含的E2。即E1.contains(E2)==true。
示例:
table td { font-size:14px; } 3.ID Selectors ID选择符 语法:
#sID
说明:
以文档目录树(DOM)中作为对象的唯一标识符的ID作为选择符。
示例:
#note { font-size:14px; width:120px;}
4. Class Selectors 类选择符 语法:
E1.className
说明:
在HTML中可以使用此种选择符。其效果等同于E1[class~=className]。
在IE5+,可以为对象的class属性(特性)指定多于一个值(className),其方法是指定用空格隔开的一组样式表的类名。
示例:
div.note { font-size:14px; }
/* 所有class属性值等于(包含)"note"的div对象字体尺寸为14px */ 5.Grouping 选择符分组 语法:
E1,E2,E3
说明:
将同样的定义应用于多个选择符,可以将选择符以逗号分隔的方式并为组。
示例:
.td1,div a,body { font-size:14px; }
引至:苏沈小雨制作 的 css2中文手册
相关阅读 更多 +