一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器([ ]) 1、[ 属性 ...
一 ::first letter 第一个字 二 ::first line 第一行 以浏览器为准的第一行 三 ::selection 被选中的字行 鼠标选中的字段 只能向 ::selection 选择器应用少量 CSS 属性:color background cursor 以及 outline。 四 ::before 和 ::after . 必须带一个属性content .在内部内容的前面或者后面插 ...
2018-04-16 18:00 0 3775 推荐指数:
一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器([ ]) 1、[ 属性 ...
一、css3之前的选择器 ID选择器 类选择器 包含选择器(E F) 伪类选择器(:link,visited,hover,active,focus,first-child) 伪元素选择器(::first-line,first-letter,before,after) 通 ...
前端之HTML5,CSS3(二) CSS3新增选择器和样式 CSS3新增选择器 结构伪类选择器 :first-child:选取父元素中的第一个子元素的指定选择器 :last-child:选取父元素中的最后一个子元素的指定选择器 :nth-child(n):选取父 ...
1. CSS1定义的选择器 选择器 类型 说明 E 类型选择器 选择指定类型的元素 E#id ID选择器 选择匹配E的元素,且匹配元素的id为“id”,E选择符可以省略 ...
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素,不用额外再添加class或者id比如需要选择 ...
1、属性选择器 属性选择器,可以根据元素特定的属性来选择元素,这样就不用借助 类 或者 id选择器。 E [ att ] 选择具有 att 属性的 E 元素 例如:input [ value ] E [ att = 'val' ] 选择具有 att 属性且属性值等于 ...
属性选择器 属性选择器可以根据元素的属性及属性值来选择元素。CSS3中新增了 3 种属性选择器:E[att^=value]、E[att$=value] 和 E[att*=value] 1.E[att^=value] 属性选择器 E[att^=value] 属性选择器是指选择名称为 E ...
伪类选择器的作用:对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤。CSS 3提供的伪类选择器主要分为以下三类: 结构性伪类选择器 UI元素状态伪类选择器 其他伪类选择器 1、结构性伪类选择器 Selector:root:匹配文档的根元素 ...