CSS中常用的選擇器?

2021-10-24 12:16:44 字數 1695 閱讀 4351

1. 標籤選擇器

div
>

div>

2. 類選擇器

.lei
class

="lei"

>

呼叫類div

>

3. id選擇器

#id
"id"

>

呼叫類div

>

4. 後代選擇器

.houdai .houdai1
class

="houdai"

>

class

="houdai1"

>

我是後代div

>

div>

5. 兒子選擇器

.erzi>.erzi1
class

="erzi"

>

class

="erzi1"

>

我是兒子,我有邊框

class

="erzi2"

>

我是孫子,我沒有邊框div

>

div>

div>

注釋:有繼承性的直接就繼承

6. 兄弟選擇器

.xiongdi+.xiongdi1
class

="xiongdi"

>

我是xiongdi1的兄弟我有邊框div

>

class

="xiongdi1"

>

我是xiongdi的兄弟,我有邊框

class

="xiongdi1"

>

我是我爸的兒子,沒有邊框

div>

div>

7. 並集選擇器

h1,div
>

我跟h1是並集關係所以我有邊框div

>

>

我跟div是並集關係所以我有邊框h1

>

8. 交集選擇器

div.jiaoji
class

="jiaoji"

>

我既是div標籤又有jiaoji這個類所以我有邊框div

>

9. 萬用字元(*)

*
注釋:萬用字元代表所有的選擇器,所以不需要自己呼叫

css中常用選擇器

css中可以通過 選擇器 宣告塊 來確定樣式,使用時通過link標籤將css檔案引入後,直接確定好css檔案中的選擇器來規定某些內容的表現樣式。常用的選擇器包括id選擇器,類選擇器,交集選擇器,並集選擇器,關係選擇器,偽類選擇器等。id選擇器通過id來確定選擇器,語法為 選擇器 宣告塊 利用 id ...

jQuery中常用的選擇器 (常用的選擇器有哪些)

一 基本選擇器 基本選擇器是jquery中最常用也是最簡單的選擇器,它通過元素的id class和標籤名等來查詢dom元素。1 id選擇器 id 描述 根據給定的id匹配乙個元素,返回單個元素 注 在網頁中,id名稱不能重複 示例 katex parse error expected eof got...

pyquery中常用選擇器

一 元素選擇 所有元素 element p 元素ele1,ele2 th,td 或元素 id p lastname id lastname 的p元素 class p.intro class intro 的p元素 class.class p.intro.demo class intro 且 class...