派生選擇器：通過依據元素在其位置的上下文關系來定義樣式

li strong{   
 color: blueviolet;
   }
  strong{  
  color: blue;
  }

<p><strong>p 標簽 hello Css</strong></p> //最終以strong樣色為準
<ul>   
      <li><strong>li標簽 hello Css</strong></li> //最終以li strong為準
</ul>

id 選擇器

1.id 選擇器 ：

• id 選擇器可以標有id 的HTML元素指定的樣式
• id 選擇器以 “#” 來定義

2.id 選擇器和派生選擇器
目前比較常用的是id 選擇器常常用于建立派生選擇器

常用的標簽選擇器成為派生選擇器，與id 選擇器配合使用可以決定單獨一塊的樣式
一個帶有id 的div 標簽，只是針對內部的p標簽進行設置

#divid p{ 
   color: aqua;
}

類選擇器

1.類選擇器 ：類選擇器以一個點顯示
2.class 也可以用作派生選擇器

用法同id 選擇器 與派生選擇器一起使用

<div class="divclass">  
       hello Div <p>p標簽</p>
</div>

.divclass p{
    color: blueviolet;
}

屬性選擇器

1.屬性選擇器：
對帶有指定屬性的HTML元素設置樣式
2.屬性和值選擇器

屬性選擇器.png