html5-自定義元素屬性data-和content的attr用法

<h2 class="h" data-zj="jy">我是自定義的屬性</h2>

h2[data-zj="jy"]{
    color:#FFFF33;}
    
h2[data-zj="jy"]:hover:after{
    content:attr(data-zj);
}

1.data-是自定義屬性的寫法，后面接你的屬性名字如：zj。

2.h2[data-zj="jy"]通過CSS3的屬性選擇器來定義樣式。

3.結合:hover:after這兩個偽類：讓鼠標懸停在元素上面的時候，在其后面顯示出自定義的屬性值 :ontent:attr(data-zj);