CSS常用選擇器介紹

2021-08-13 22:23:17 字數 575 閱讀 1497

希望這篇文章對一些剛入門的新手有所幫助。

css樣式設定,常用的幾類選擇器

例:  

1、id選擇器

首先在元素標籤內定義乙個屬性id,並設定屬性值為test。css樣式的定義,如果是id選擇器,則是#接對應元素標籤內的id屬性值。比如:#test{}
2、元素選擇器

直接通過元素標籤名進行css樣式設定,比如選取< h1> 標籤,則對應的css則是寫成:h1{}

3、類選擇器

類選擇器類似與id選擇器,區別在於將id選擇器的#換成.,如: .help{}

注意:類的css樣式可以多次引用,但id選擇器卻是唯一。簡而言之,不同元素標籤的class值可以設定相同,但id值通常具有唯一性。

4、派生選擇器

一般形式是元素標籤名接對應的#id值或者.class值。比如 h1 #test{} , h1 .help{}

當然,還有屬性選擇器等。不過,經常使用的還是上面幾種。

CSS選擇器介紹

由於這次專案突破性的選擇了做前台,所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性,即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...

CSS選擇器介紹

由於這次專案突破性的選擇了做前台,所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性,即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...

css選擇器介紹

總結什麼是css選擇器呢,首先需要了解一下css。css是 cascading 層疊 style 樣式 sheet 表 的簡稱,及層疊樣式表,css技術用來美化html頁面,html相當於蓋房子,css相當於裝修,使用css可以把樣式 和html分離。而裝修呢需要工具裝修,選擇器就是我們需要的裝修工...