HTML自定义对象与属性探究（谷歌，火狐，IE9浏览器没问题）

1.自定义标签

<zqz>asdas</zqz>
<style>
zqz{
color:red;

    }
</style>

页面变色

2.自定义标签的hover起作用

<style>
zqz:hover{
color:red;

    }
</style>
//放上去变色

 

3.自定义属性

<zqz dat="nihao">asdas</zqz>

 

并且自定义属性的可以作为伪类选择器

zqz:hover:before{
content: attr(dat);

}