当前位置: 首页 > Web前端 > HTML

CSS选择器的五种常见类型

时间:2023-04-03 00:23:20 HTML

基本选择器选择器名称备注,B多元素选择器匹配A元素或B元素AB后代选择器匹配A元素的所有后代B元素A>B子元素选择器匹配A元素的所有直接子元素A元素A+B直接相邻选择器匹配A元素BA~B之后的相邻兄弟元素普通相邻选择器匹配元素A之后的兄弟元素B属性选择器选择器名称备注[attribute][target]选择所有具有target属性的元素[attribute=value][target=-blank]选取所有target="-blank"的元素[attribute~=value][title~=flower]选取所有title属性包含"flower"字样的元素[attribute^=language][lang^=en]选择所有具有lang属性起始值="EN"[attribute$=language][lang$=en]的所有元素选择所有具有lang属性结束值="EN"[attribute*=language][lang*=en]选取lang属性中所有包含"EN"的元素伪类选择器选择器名称备注:linka:link选取所有未访问过的链接:visiteda:visited选取所有访问过的链接:hovera:hover鼠标在链接上的状态:activea:activeselection被激活Link:focusinput:focus选择input有焦点后的元素伪元素选择器选择器名称备注::before/:before在被选元素之前插入内容。content属性需要用来指定要插入的内容。插入的内容实际上并不在文档树中。::after/:after在被选元素之后插入内容。它的用法和特点类似于:before。::first-letter/:first-letter匹配元素中文本的第一个字母。修饰的首字母不在文档树中。::first-line/:first-line匹配元素中第一行的文本。这个伪元素只能用在块元素中,不能用在行内元素中。