css三種基本選著器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css選著器分類</title>
<style>
/*使用選擇器給div設定樣式*/
.bigbox{
height: 600px;
width: 800px;
background: bisque;
}/*類選擇器*/
#chirdoNe{
height: 200px;
width: 300px;
background: deepskyblue;
}
/*使用id選擇器時，必須要在id名稱前新增“#”*/
#chirdtWo{
height: 200px;
width: 300px;
background: aquamarine;
}
span{
background: olivedrab;
}
/* 標籤選擇器可以直接使用，即直接使用HTML標籤作為選擇器*/
p{
background: palevioletred;
}
</style>
</head>
<body>
<!--在 CSS 中，選擇器是一種模式，用於選擇需要新增樣式的元素。-->
<!--設定一個div為父級-->
<div class="bigbox"><!-- 此處.class為，類選擇器-->
<!--新增子元素-->
<div id="chirdoNe"></div><!--此處id為“id”，選擇器。-->
<div id="chirdtWo"></div>
<span>https://www.cnblogs.com/web928943/</span>
<p>https://www.cnblogs.com/web928943/</p> <!-- span和p都是標籤選擇器，所以稱之為標籤選擇器-->
</div>
</body>
</html>
