一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器([ ]) 1、[ 属性 ...
lt doctype html gt 无标题文档 一 新增的选择器 CSS 新增的属性选择器 除ie 外的大部分浏览器支持 序号 选择器 含义 实例 E att val 属性att的值以 val 开头的元素 div id nav background: ff E att val 属性att的值以 val 结尾的元素 E att val 属性att的值包含 val 字符串的元素 结构伪类选择器 过 ...
2015-12-21 12:05 0 6607 推荐指数:
一、结构(位置)伪类选择器( : ) 1、:first-child 2、:last-child 3、:nth-child(n)或者:nth-child(2n)或者:nth-child(2n+1) 二、属性选择器([ ]) 1、[ 属性 ...
在css3提供的新选择器之前,选择一个元素需要借助id或者class,css3新增的选择器可以更灵活的去选择需要的元素,那css3提供了哪些好用的选择器呢? 首先就是属性选择器,我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素,不用额外再添加class或者id比如需要选择 ...
CSS3新增的选择器: 属性选择器: 应用:根据后缀识别图标 伪类选择器: 结构伪类: 应用:表格的隔行变色 :nth-child(odd){} 目标伪类: 应用:选项卡设置 点击div1链接显示id为div1的元素 点击div2链接显示id为div2 ...
一、css3之前的选择器 ID选择器 类选择器 包含选择器(E F) 伪类选择器(:link,visited,hover,active,focus,first-child) 伪元素选择器(::first-line,first-letter,before,after) 通 ...
以下内容参考资源:http://www.w3.org/TR/css3-selectors/#selectors 属性选择器 新增选择器列表: E[foo^="bar"]:匹配foo属性值以"bar"开始的E元素 E[foo$="bar"]:匹配foo属性值以"bar"结束的E ...
1、属性选择器 属性选择器,可以根据元素特定的属性来选择元素,这样就不用借助 类 或者 id选择器。 E [ att ] 选择具有 att 属性的 E 元素 例如:input [ value ] E [ att = 'val' ] 选择具有 att 属性且属性值等于 ...
属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式。使用CSS3属性选择器,可以只指定元素的某个属性,或者同时指定元素的某个属性和其对应的属性值。 CSS3的属性选择器主要包括以下几种: E[attr]:只使用属性名,但没有确定任何属性值; E ...
一:css3属性选择器 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。 还可以通过设定属性值来缩小匹配范围:如下代码: css3的子字符串匹配属性选择器 (1)‘匹配开头’的属性 ...