CSS中的選擇器之類選擇器和id選擇器

2021-09-03 00:10:34 字數 977 閱讀 5064

1.類選擇器,又叫class選擇器

2.id選擇器

3.html元素選擇器(又叫標籤選擇器)

4.萬用字元選擇器

5.偽類選擇器

6.組合選擇器(多元素選擇器,子元素選擇器,後代選擇器)

簡單來說,選擇器就是在css中建立,而在網頁頁面(html,jsp,php,asp.net)中使用

選擇器的名稱命名規範:

一般使用中劃線形式:***-yyy,一般是小寫字母

基本語法:

.類選擇器名稱
一般來說,類選擇器是提供給多個html元素來使用的.

例項**:

新聞一新聞二

新聞三新聞四

新聞五

重新整理瀏覽器後顯示效果如下:

基本語法:

#id選擇器名稱
在類選擇器**的基礎上增加一行字型,並設定其自己的樣式.

例項**如下:

新聞一新聞二

新聞三新聞四

新聞五這是乙個比較重要的新聞

重新整理瀏覽器後顯示的效果:

關於id選擇器的一些說明 :

1.一般來說,id選擇器是提供給某乙個html元素來使用

2.當不確定時,有多個html元素來使用該樣式時,請使用類選擇器.

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 下面的某乙...

CSS選擇器和其他選擇器

lang en charset utf 8 選擇器title ctrl shift 群組選擇器 box,color,span 選中ol標籤裡的li標籤 ol li ul red 直接子元素選中 box2 div 相鄰兄弟 span p 普通兄弟 span p style head box boxdi...

Css選擇器 層次選擇器(關係選擇器)

1.e f 匹配 e 元素下所有的子元素 f 後代選擇器 eg css.box a匹配 box 下所有的子元素 a 2.e f 匹配 e 元素下第一級子元素 f 子選擇器 eg css.box a匹配 box 下第一級子元素 a 3.e f 匹配 e 元素後面緊鄰的哪乙個 f 元素 有且僅有乙個 相...