console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>CSS属性选择器</title>
</head>
<body>
<h1>属性的种类</h1>
<h4>[attribute]用于选取指定属性的元素</h4>
<h4>[attribute=value]用于选取指定属性（attribute）和指定属性值（value）的元素</h4>
<h4>[attribute~=value]用于选取属性值中包含指定值的元素，指定值需要空格隔开</h4>
<h4>[attribute|=vaule]用于选取以指定值开头的属性值的元素，指定开头值与其余内容短杠连接</h4>
<div wxn="">选取属性为"wxn"的选择器</div>
<div wxn="value">属性wxn值为"value"的属性选择器</div>
<div wxn="shu xing">属性选择器</div>
<div wxn="zhi-ding">属性选择器</div>
<div wxn="shuxing">属性选择器</div>
<h1 wxn="">标题1</h1>
</body>
</html>
div [wxn]{
color:red
}
[wxn="value"]{
color:green;
}
[wxn~="shu"]{
color:#4F9C9C;
}
[wxn|="zhi"]{
color:#CC33FF;
}