今天简书首页改样式,真有点不习惯.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 后代选择器 </title>
<style type="text/css">
div span{
color:orange;
font-size:30px;
font-style:italic;/*斜体*/
}
div p{
color:silver;
font-size:25px;
font-style:italic;
}
div p.tb1{
color:red;
}
</style>
</head>
<body>
<div>
<span><h1>火影忍者</h1></span>
<p>我爱罗</p>
<p>大蛇丸</p>
<p class="tb1">自来也</p>
</div>
</body>
</html>
总结:如果后代选择器中需要特别的样式,那我们可以用类选择器来完成
优先级:标签选择器<类选择器
网友评论