css 正確認識和使用選擇器

2021-08-20 18:29:53 字數 1280 閱讀 1507

css中選擇器分為很多個 我們該如何正確使用呢?

首先,我們要了解css中都有哪些選擇器:標籤選擇器、class選擇器、id選擇器、子代選擇器、後代選擇器、交集選擇器、並集選擇器......我們在寫**中該如何正確使用這些選擇器呢?

1.標籤選擇器

這是乙個很簡單的選擇器 給大家寫個列子

這段**中 div 就是屬於乙個標籤選擇器。

標籤選擇器

2.class選擇器:

是指定類的所有元素的樣式。

a 指定的元素是 div 。

class選擇器

3.id選擇器:指定具有id的元素的樣式,是指定的 具有id樣式的。

id選擇器

4.子代選擇器:只能選擇某元素子元素的元素

子代選擇器

子代選擇器

子元素選擇了是用來大》(子結合符)號 ,子結合符左右是允許有空白的

所以:  div   >   span;  div>span;  div > span;這些寫法都是可行的,不過為了美觀,我們一般不留空格的。

5.後代選擇器:又稱為包含選擇器,後代選擇器可以選擇作為某元素後代的元素

後代選擇器

其它元素的後代

ps:子代選擇器和後代選擇器;

2.後代選擇器指定的標籤中,所有特定的後代標籤,不管是兒子還是孫子... 都會被選中而子元素選擇器指定的標籤中,

所有特定的直接後代標籤,不包括孫子以後的標籤,只會將直接後代選中

共同點:        1.都可以使用id,class,標籤選擇器名稱作為選擇器

2.都可以在使用空格或》連線符號無限的連線下去

例如:選擇器1 選擇器2 選擇器3 ...{}

選擇器1>選擇器2>選擇器3>...{}                          

6.交集選擇器

7.並集選擇器;同等級元素 用逗號隔開

並集選擇器

這是乙個並集選擇器

8.屬性選擇器:指 為擁有指定元素的html元素設定樣式,而不僅限於class和id

和微眾銀行一起正確認識理財

隨著理財意識漸入人心,理財規劃成了大眾生活愈來愈重要的需求。但金融投資需謹慎,行動之前,我們還需要正確認識 理財 觀,讓你的每一分投資,安全可期。和微眾銀行一起正確認識理財。和微眾銀行一起正確認識理財 真正認識 理財 概念 理財指的是對財務 財產和債務 進行管理,以實現財產的保值 增值為目的,管理財...

MySQL對伺服器端游標限制的正確認識

從mysql 5.0.2開始,通過mysql stmt attr set c api函式實現了伺服器端游標。伺服器端游標允許在伺服器端生成結果集,但不會將其傳輸到客戶端,除非客戶端請求這些行。例如,如果客戶端執行了查詢,但僅對第1行感興趣,那麼不會傳輸剩餘的行。游標是唯讀的,不能使用游標來更新行。未...

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...