前端開發日記之選擇器的使用

2021-07-14 12:48:11 字數 611 閱讀 1944

主要總結一下,選擇器中空格的使用。

選擇器中的空格乙個困擾了我好久,通過查詢資料和測試,現在來總結一下。

先看下面一段**;

test.html

just do it

test.css

.a .b .c 

a.e:hover

先看後代選擇器:

.a .b .c (注意有空格) 表示在.a 下找.b,然後再在.b下找.c 找到之後將.c的背景顏色設為blue。

在看組合選擇器:

.a.b.c(注意沒有空格) 表示標籤的class屬性必須同時具備a b c 才能生效,即class=「a  b c」,當然 class = "a b c d"也是可以生效的。

再看後代選擇器:

a .e : hover(注意有空格) 表示在a標籤下找class屬性有e的標籤然後css才能生效,示例**中是不能生效的。

再看組合選擇器:

a.e : hover(注意沒有空格) 表示找擁有class屬性為e的a標籤,示例**是能夠生效的。

附:.a,.b,.c{}中間有逗號,表示對a,b,c都生效。

jquery 學習日記之選擇器

一 jquery基本選擇器,這模擬較簡單,一筆帶過。id 選擇器,是選擇 匹配id值中的第乙個元素,只選擇第乙個,後面所有匹配的均忽略。element 元素選擇器,匹配所有 標籤為element的所有元素。選擇了所有。類選擇器,選擇所有類為class的所有元素,也是選擇了所有。模糊匹配 匹配多元素選...

前端選擇器

獲取第乙個元素 ul li first ul li eq 0 ul li first 獲取最後乙個 ul li last div ul eq 1 div ul eq 2 ul li first child css backgroundcolor 000 input name fruit eq 0 a...

前端選擇器

昨日內容回顧 前端html 超文字標記語言 注釋 ps 寫html的時候,注釋一般都是成雙成對的 即 檔案的字尾名head內常用標籤 不是給使用者看的 title 定義網頁標題 style 內部寫css樣式 link 引入外部css樣式檔案 script 可以在內部直接寫js 也支援src屬性 匯入...