css2选择器

CSS1&2元素选择器

选择符  类型  版本  简介
* 通配选择符 CSS2 所有元素对象。
E 类型(HTML)选择符 CSS1 以文档语言对象类型作为选择符。
E#myid id选择符 CSS1 以唯一标识符id属性等于myid的E对象作为选择符。
E.myclass class选择符 CSS1 以class属性包含myclass的E对象作为选择符。

备注:E 是Element的缩写,表示元素的意思

CSS1&2关系选择器

选择符

类型

版本

简介

E F

包含选择符

CSS1

选择所有被E元素包含的F元素。

E>F

子选择符

CSS2

选择所有作为E元素的子元素F

E+F

相邻选择符

CSS2

选择紧贴在E元素之后F元素。

CSS1&2伪类选择器

选择符

类型

简介

E:link

链接伪类选择器

设置超链接a在未被访问前的样式。

E:visited

链接伪类选择器

设置超链接a在其链接地址已被访问过时的样式。

E:hover

用户操作伪类选择器

设置元素在其鼠标悬停时的样式。

E:active

用户操作伪类选择器

设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式。

E:focus

用户操作伪类选择器

设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式。

E:lang()

:lang()伪类选择器

匹配使用特殊语言的E元素。

CSS1&2属性选择器

选择符

类型

简介

E[att]

CSS2

选择具有att属性的E元素。

E[att="val"]

CSS2

选择具有att属性且属性值等于valE元素。

E[att~="val"]

CSS2

选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于valE元素。

E[att|="val"]

CSS2

选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。

CSS1&2伪对象选择器

选择符

类型

简介

E:first-letter

CSS1

设置对象内的第一个字符的样式。

E:first-line

CSS1

设置对象内的第一行的样式。

E:before

CSS2

设置在对象前(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用

E:after

CSS2

设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用

原文地址:https://www.cnblogs.com/angel512/p/5511661.html