html标签中添加自定义属性特殊的用法

时间:2022-04-03 08:49:08
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>Document
 7     </title>
 8     <style type="text/css">
 9     .demo[aaaa] {
10         color: red;
11     }
12     </style>
13 </head>
14 
15 <body>
16     <div aaaa class="demo">demo</div>
17     <div class="demo">demo</div>
18 </body>
19 
20 </html>

这是我在学习vue的遇到的一种特殊用法,vue在渲染到界面上的html中会有一些类似:data-v-47362a53 ,仅仅是一个属性,好像是与css的scoped有关

在jquery中也有类似的选择器,只是自己一直没使用过

html标签中添加自定义属性特殊的用法

jquery中有很多选择器,但是很多都是在开发中很少使用到的,只要能获取到dom就完事了,偶尔遇到特殊的,学习一下,也是挺好的。