CSS選擇器介紹

2021-05-26 07:24:09 字數 717 閱讀 8398

由於這次專案突破性的選擇了做前台,所以開始學習css

選擇器的幾種格式:

1 派生選擇器  

(1)body pbody中所有的p標籤都會滿足這一屬性,即使巢狀多層依舊滿足這個條件

(2)body > p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用

2 id選擇器  

(1) #tag將id位tag的屬性設定為css樣式

(2)與派生選擇器結合 #tag p

3類選擇器

(1)格式:.center

(2)也可以與派生選擇器結合,.center p

(3)*.someclass和.class是效果一樣的  所以可以指定class類中某個特定元素的屬性 比如 p.class

(4)可以進行多類選擇,比如.class1.class2{}//這是宣告兩個類共同屬性的方法

4屬性選擇器   

(1)基本格式 [title]包含title屬性的會應用樣式

(2)擴充套件屬性 [title = uni]  指定特定的屬性

[title ~= uni]   屬性中用空格隔開包含uni屬性的會應用該樣式

[title = uni]        指定用-連線

(3)標籤[指定某種屬性]  input[type = text]{}  //指定文字框的屬性 

*[title]等價於[title]

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分離。而裝修呢需要工具裝修,選擇器就是我們需要的裝修工...

CSS常用選擇器介紹

希望這篇文章對一些剛入門的新手有所幫助。css樣式設定,常用的幾類選擇器 例 1 id選擇器 首先在元素標籤內定義乙個屬性id,並設定屬性值為test。css樣式的定義,如果是id選擇器,則是 接對應元素標籤內的id屬性值。比如 test 2 元素選擇器 直接通過元素標籤名進行css樣式設定,比如選...