这篇文章主要介绍了css类选择器中多类名怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
类选择器特殊用法:多类名
说明:
我们可以给标签指定多个类名,从而达到更多的选择目的。
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.font100 {
font-size: 20px;
}
.red {
color: red;
}
.green {
color: green;
}
.blue {
color: blue;
}
.purple {
color: purple;
}
</style>
</head>
<body>
——纳兰容若
<div class="red font100">回廊一寸相思地</div>
<div class="green font100">落月成孤倚</div>
<div class="blue font100">背灯和月就花阴</div>
<div class="purple font100">已是十年踪迹十年心</div>
</body>
</html>
感谢你能够认真阅读完这篇文章,希望小编分享的“css类选择器中多类名怎么用”这篇文章对大家有帮助,同时也希望大家多多支持天达云,关注天达云行业资讯频道,更多相关知识等着你来学习!