最近與前端大佬交流到關於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>
自定義標簽可以減少命名重復的同時也能在團隊開發時發揮到一定的作用