html+css 使用自定义属性

使用自定义属性，属性值为动态值时，这样写css样式比较方便

<div class="my" num="1">hello1<div/>
<div class="my" num="2">hello2<div/>

css可这样写

[num='1'] {
    color: red;
}
.my[num='1'] {
    color: skyblue;
}
.my[num='2'] {
    color: yellow;
}