css2选择器

Posted 2020-07-09 懒猫要学习512

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属性且属性值等于val的E元素。
E[att~="val"]	CSS2	选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。
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属性一起使用