最近与前端大佬交流到关于css自定义标签的用法来与大家分享~
常规的css标签使用
<head>
<style>
.red{
color: red;
background-color: #000;
}
</style>
</head>
<body>
<div class="red">中国</div>
</body>
此时名为red的div块背景为黑色字为蓝色
标签可自己定义标签命名方式和名字
<style> div[wo="my"]{ color: pink; } </style> <body> <div wo="my">中国</div> </body>
自定义标签的书写方式
<style> [id="a"]{ color: blue; } [si="we"]{ background-color: #ff0; } </style> <body> <qq id="a" si="we">中国</qq> </body>
自定义标签可以减少命名重复的同时也能在团队开发时发挥到一定的作用