属性选择器
基本用法
选择符简介E[att]选择具有att属性的E元素E[att=val]选择具有att属性且属性值等于val的E元素E[att^=“val”]匹配具有att属性、且值以val开头的E元素E[att$=“val”]匹配具有att属性、且值以val结尾的E元素E[att*=“val”]匹配具有att属性、且值中含有val的E元素
eg:让包含字母e的盒子变色
<style>
* {
margin: 0;
padding: 0;
}
div {
width: 200px;
height: 200px;
}
.red {
background-color: red;
}
.yellow {
background-color: yellow;
}
.blue {
background-color: blue;
}
div[class*="e"] {
background-color: pink;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div class="red"></div>
<div class="yellow"></div>
<div class="blue"></div>
</body>
Processed:
0.016, SQL:
9
