H5 20-属性选择器上
2017-02-24 21:32
225 查看
20-属性选择器上
p[class="cc"] { color: blue }
我是段落1
我是段落2
我是段落3
我是段落4
我是段落5
p[class="cc"] { color: blue }
我是段落1
我是段落2
我是段落3
我是段落4
我是段落5
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>20-属性选择器上</title> <style> /* p[id]{ color: red; } */ p[class=cc]{ color: blue; } </style> </head> <body> <!-- 1.什么是属性选择器? 作用: 根据指定的属性名称找到对应的标签, 然后设置属性 格式: [attribute] 作用:根据指定的属性名称找到对应的标签, 然后设置属性 [attribute=value] 作用: 找到有指定属性, 并且属性的取值等于value的标签, 然后设置属性 最常见的应用场景, 就是用于区分input属性 input[type=password]{} <input type="text" name="" id=""> <input type="password" name="" id=""> --> <p id="identity1">我是段落1</p> <p id="identity2" class="cc">我是段落2</p> <p class="cc">我是段落3</p> <p id="identity3" class="para">我是段落4</p> <p>我是段落5</p> </body> </html>
相关文章推荐
- 20、H5新增js属性之获取class列表属性
- H5 21-属性选择器下
- java 实现html5多文件选择上传_h5多文件上传_ajax异步多文件上传_java处理多文件上传
- 20、swift开发iOS——属性
- 8-20学习练习[用两个tableview实现类似省市联动选择效果]
- jQuery选择没有colspan属性的td的代码
- JQuery(一)---- JQ的选择器,属性,节点,样式,函数等操作详解
- CSS3 选择器——属性选择器
- jq属性选择器(多重属性选择)
- jQuery 属性选择器 Demo like: element[herf*='value']
- jQuery 属性选择器
- jquery选择器-根据多个属性选择示例代码
- CSS 属性选择器
- 属性选择器
- 22、H5新增js属性之历史管理
- CSS 3,选择器之属性选择器
- H5表单中placeholder属性的字体颜色问题
- CSS3的属性选择器
- CSS基础学习七:属性选择器
- H5文章文字之间的间距、行距等属性