H5 20-属性选择器上
Posted 甘林梦的开发之路
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了H5 20-属性选择器上相关的知识，希望对你有一定的参考价值。
20-属性选择器上
我是段落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>
以上是关于H5 20-属性选择器上的主要内容，如果未能解决你的问题，请参考以下文章
解析Vue中style标签scoped属性与deep选择器原理