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核心基础 一些常见的选择器的使用 小白教程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: matlab用高斯消元法解线性方程组,用
- 下一篇: 一个java类可以有_一个.java文件