css最實用的五種選擇器：

元素選擇器

id選擇器

后代選擇器

群組選擇器

塊與內聯：

塊元素：獨占一行。如：div （可使一行文字擁有屬于自己的顏色背景），p ，h1~h6等。

內聯元素：只占自身大小，不會單獨占一行。

區分塊元素跟內聯元素：看是否獨占一行了。

元素選擇器 —— 標簽名{ }

元素選擇器（標簽選擇器），可以根據標簽的名字來從網頁中選取指定的元素。

比如P{ }則會選中頁面中的所有P標簽，h1{ }會選中頁面中的所有h1標簽。

類型選擇器：

class 選擇器，也就是“類選擇器”。我們可以對“相同的元素”或者“不同元素”定義相同的class屬性，然后針對擁有同一個class的元素進行css樣式操作。

通用選擇器：

通用選擇器，可以同時選中頁面中的所有元素。

后代選擇器

后代選擇器，可以根據標簽的關系，為處在元素內部的后代元素設置的樣式。

比如p? strong? 會選中頁面中所有的p 元素內的strong元素。

子元素選擇器 ? 父元素>子元素

子元素選擇器可以給另一個元素的子元素設置樣式

比如 body > h1 將選擇器body子標簽中的所有h1標簽

其他子元素選擇器

:fiest-child-------選擇第一個子標簽。

:last-child--------選擇最后一個子標簽。

:nth-child-------- 選擇指定位置的子元素。

:id選擇器：通過元素屬性，選擇改變元素。

對于id選擇器，前面必須加上前綴#，否則該選擇器無法生效。在id前面加上#，表示這是一個id選擇器。

群組選擇器，指的是同時對幾個選擇器進行相同的操作：

餐廳作業的選擇器：