日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程

發布時間:2025/3/12 CSS 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

要想將CSS樣式應用于特定的HTML元素,首先要找到該目標元素。在CSS中,執行這一任務的樣式規則部分被稱為選擇器。在CSS中有很多的選擇器,包含標記(標簽)選擇器、類別選擇器、id選擇器、通配符選擇器、標簽指定選擇器、后代選擇器、并集選擇器等,我們來簡單介紹一下!

1.標記選擇器(標簽)標記選擇器是指用HTML標記名稱作為選擇器,按標記名稱分類,為頁面中某一類標記指定統一的CSS樣式。他的基本語法格式為:

標記名 { 屬性1:屬性值1; 屬性2:屬性值2; ... }

2.類選擇器類選擇器使用“.”(英文點號)進行標識,后面緊跟類名。其基本語法格式為:

.類名 { 屬性1:屬性值1; 屬性2:屬性值2; ... }

需要注意的是類名的第一個字符不能使用數字,并且嚴格區分大小寫,一般采用小寫的英文字符。

3.id選擇器id選擇器使用“#”井號進行標識,后面緊跟id名,其基本語法格式如下:

#id名 { 屬性1:屬性值1; 屬性2:屬性值2; ... }

4.通配符選擇器通配符選擇器用“*”星號表示,他是所有選擇器中作用范圍最廣的,能匹配頁面中所有的元素。他的基本語法格式為:

* { 屬性1:屬性值1; 屬性2:屬性值2; ... }

5.標簽指定式選擇器標簽指定式選擇器,有兩個選擇器構成,其中第一個為標記選擇器,第二個為class選擇器或者id選擇器,兩個選擇器之間不能有空格,比方說h1.space或p#one。

6.后代選擇器后代選擇器用來選擇元素或者元素組的后代,其寫法就是把外層標記寫在前面,內層標記寫在后面,中間用空格分割。當編輯發生嵌套時,內層標記就成為外層標記的后代。

7.并集選擇器并集選擇器是各個選擇器通過逗號連接而成的,任何形式的選擇器都可以作為并集選擇器的一部分。如果某些選擇器定義的樣式完全或部分相同,可利用并集選擇器為他們定義相同的樣式。

標簽、ID、類別選擇器

我們可以按照標簽來選擇,可以對不同的標簽設置不同的樣式:

標簽選擇器 p{color:red;} span{color:green;}

這是一個p標簽

這是一個span標簽

總結

以上是生活随笔為你收集整理的css基础选择器教程,CSS核心基础 一些常见的选择器的使用 小白教程的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。