css选择符_html/css_WEB-ITnose

常用选择符的介绍

通配选择符指选定文档对象模型（DOM）中的所有类型的单个对象。

*{css 代码规则}，其中 * 表示所有类型，包含body，div,td等

类型选择符指以文档对象模型（DOM）作为选择符，即选择某个html标记为对象，设置样式规则。

P{

}

Div{

}

包含选择符 对某个容器层的子层控制，是其他同名的对象不受该规则影响，包含选择符对象要依次选择出对象，从大到小，即从容器层到子层。

E1 E2

{

}

E1 指父层对象，E2指小点的层或子层对象，即E1对象包含E2对象

eg:

table td

{

}

td p

{

}

布局常用选择符：

ID 选择符 指在DOM中用惟一标识符的ID为选择符，ID标识符以“#”打头，其后接ID名，注意ID标识符不能在样式中出现两次或两次以上，如果出现，系统会以第一次出现的为准，其他的将被忽略。

类选择符又叫作class选择符，表示一个类可以在文档中使用多次

以“.”打头，后接class名

注意：类选择符和类型选择符的不同——类型是指html中的标记

分组选择符 指对多个标记设置同样的样式，在不同的类型中，表示同样的样式。 将选择符以逗号分隔的方式并为组

Html ，body

{

}

以下用表格对以上内容进行总结

选择符 表达方式 例子 含义 通配选择符 * {css 代码规则} *{css 代码规则} * 表示所有类型，包含body，div,td等 类型选择符 以文档对象模型（DOM）作为选择符

P{ }

Div{ }

选择某个html标记为对象，设置样式规则 包含选择符

E1 E2

{

}

E1 指父层对象，E2指小点的层或子层对象，即E1对象包含E2对象 ID 选择符 以“#”打头， 其后接ID名 类选择符 以“.”打头，后接class名

分组选择符

将选择符以逗号分隔的方式并为组

Html ，body

{

}

对多个标记设置同样的样式，在不同的类型中，表示同样的样式

查看更多关于css选择符_html/css_WEB-ITnose的详细内容...