CSS自定义属性选择器

<a class="class-name" data-state="selected" href="/" target="_self"><p>内容</p></a>.class-name[data-state~="selected"] {自定义样式}

这样的好处显而易见，不用再去写更多的类名，只需要通过当前类名的选择器找到状态值，定义样式即可。