id class选择器
2018-03-22 本文已影响0人
kangshuaibo
<head>
<title>古诗两首</title>
<style>
*{
font-family: 隶书;
text-align: center;
}
h1{
color:red;
}
h2{
color:green;
}
p{
color:blue;
}
.shangju{
background: yellow;
}.xiaju{
background: pink;
}
.shiren{/*类型选择器用点表述*/
background: orange;
}
#jutou{/*id选择器用井号表述*/
background: black;/*注意：id选择器比类型选择器优先级高*/
}
</style>
</head>
<body>
</body>
<h1>古诗两首</h1>
<h2>静夜思</h2>
<p class="shiren">李白</p>
<p class="shangju">床前明月光</p>
<p class="xiaju">疑是地上霜</p>
<p id="jutou" class="shangju">举头望明月</p>
<p class="xiaju">低头思故乡</p>
<h2>春晓</h2>
<p class="shiren">孟浩然</p>
<p class="shangju">春眠不觉晓</p>
<p class="xiaju">处处闻啼鸟</p>
<p class="shangju">夜来风雨声</p>
<p class="xiaju">花落知多少</p>
</html>
