<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 多个类选择器修饰同一个html元素 </title>
<style type="text/css">
.tb1{
background-color:silver;
font-style:italic;
}
.tb2{
font-size:30px;
width:100px;
}
</style>
</head>
<body>
<p>BO1</p>
<p>BO2</p>
<p class="tb1 tb2">BO3</p>
<p>BO4</p>
<p>BO5</p>
</body>
</html>
总结:当不敢改动别人代码的时候,可以选择添加一个类选择器修饰同一个html元素
优先级:id选择器>类选择器