css选择器

来源:互联网 发布:修改apk软件工具 编辑:程序博客网 时间:2024/04/29 14:29
jQuery利用css的选择器,非常的方便,css有如下的选择器:

*:通用选择器,匹配任意元素

E:一个类型为E的元素,类型选择器

E F:匹配元素E的后代元素F,后代选择器

E>F:匹配元素E的子元素F,子选择器

E:first-child:如果E是其父元素的第一个子元素时,匹配元素E

E:link E:visited:如果E没有访问过或者已经访问过的元素,则匹配E

E:active E:hover E:focus:匹配用户的动作

E:lang(c):如

p:lang(en){ background:yellow;}
将p元素中lang属性为en的背景

E+F:临近选择器,如果E出现在F之前,则匹配元素E

E[foo]:属性选择器,匹配具有属性foo的任意元素E

E[foo="a"]:属性选择器,匹配foo属性值为a的元素E

E[foo~="warning"]
匹配其“foo”属性值为空格分隔的值列表,并且其中一个严格等于“warning”的任意元素 E 。(属性选择器)
E[lang|="en"]
匹配其“lang”属性具有以“en”开头(从左边)的值的列表的任意元素 E 。(属性选择器)
DIV.warning
仅 HTML。用法同 DIV[class~="warning"]。(类选择器)
E#myid
匹配 ID 等于“myid”的任意元素 E 。(ID 选择器)

0 0