一、css3之前的选择器 ID选择器 类选择器 包含选择器(E F) 伪类选择器(:link,visited,hover,active,focus,first-child) 伪元素选择器(::first-line,first-letter,before,after) 通 ...
. CSS 定义的选择器 选择器 类型 说明 E 类型选择器 选择指定类型的元素 E id ID选择器 选择匹配E的元素,且匹配元素的id为 id ,E选择符可以省略。 E.class 类选择器 选择匹配E的元素,且匹配元素的class属性值为 class ,E选择符可以省略。 E F 包含选择器 选择匹配F的元素,且该元素被包含在匹配E的元素内。 E:link 链接伪类选择器 选择匹配E的元素 ...
2015-03-29 11:08 0 23383 推荐指数:
一、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、: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 ...
以下内容参考资源:http://www.w3.org/TR/css3-selectors/#selectors 属性选择器 新增选择器列表: E[foo^="bar"]:匹配foo属性值以"bar"开始的E元素 E[foo$="bar"]:匹配foo属性值以"bar"结束的E ...
<!doctype html>无标题文档 一、新增的选择器 CSS3新增的属性选择器 {除ie6外的大部分浏览器支持) 序号 选择器 含义 实例 1 E[att^="val ...
CSS3新增的选择器: 属性选择器: 应用:根据后缀识别图标 伪类选择器: 结构伪类: 应用:表格的隔行变色 :nth-child(odd){} 目标伪类: 应用:选项卡设置 点击div1链接显示id为div1的元素 点击div2链接显示id为div2 ...
Attribute Selectors(属性选择器) E[attr ~="val"] E[attr |="val"] E[attr ^="val"] E[attr $="val"] E[attr *="val"] E[attr ~="val"] 我们平常用的属性选择器 ...