html5之属性选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!--
cursor: pointer 鼠标放上去之后成小手状
button[disabled] 既是buuton 又是disabled
属性选择器的权重（10）大于类选择器的权重（1）
-->
<style>
button {
cursor: pointer;
}
button[disabled]{
cursor: pointer;
}
</style>
<body>
<button>新增</button>
<button>删除</button>
<button>修改</button>
<button>查询</button>
<button disabled="disabled">导入</button>
<input style:cursor="pointer" type="submit" placeholder="导出" disabled="disabled">
</body>
</html>
选择符 描述
button[disabled] 选择button中具有disabled的元素
button[disabled="disabled"] 匹配具有disabled属性并且等于disabled的button元素
button[disabled^="dis"] 匹配具有diasbled属性，并且以dis开头的button元素
button[disabled$="dis"] 匹配酷游disabled属性，并且以dis结尾的button元素
button[disabled*="dis"] 匹配具有disabled属性，并且值中含有dis的button元素