欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中select標簽怎么用選擇器,input標簽中type怎么用css選擇

老白2年前51瀏覽0評論

css中select標簽怎么用選擇器,input標簽中type怎么用css選擇?

可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。

1、新建html文檔,添加5個input標簽,其中第一個和最后一個“type”屬性的屬性值為“text”:

2、在head標簽和body標簽之間添加style標簽,添加代碼“input[type=text]”,“input”指的是標簽名,“type”指的是屬性名,“text”指的是屬性值,這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中:

3、為被選擇的標簽設(shè)置背景色為紅色,這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色:

css中select標簽怎么用選擇器,input標簽中type怎么用css選擇

css的優(yōu)先級怎么判斷?

css選擇器優(yōu)先級怎么比較

CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上,CSS選擇器如果細分下來,竟然多達40多種。那他們的優(yōu)先級該怎么比較呢,下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。

2. 作為style屬性寫在元素內(nèi)的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結(jié)排序:!important > 行內(nèi)樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同,優(yōu)先級不同

總結(jié)排序:內(nèi)聯(lián)(行內(nèi))樣式 > 內(nèi)部樣式表 > 外部樣式表 > 導(dǎo)入樣式(@import)。

對于選擇器優(yōu)先級,還可以通過計算權(quán)重值來比較

css子元素有哪些名稱?

css的子元素有:

* a - 錨點

* abbr - 縮寫

* acronym - 首字

* b - 粗體(不推薦)

* bdo - bidi override

* big - 大字體

* br - 換行

* cite - 引用

* code - 計算機代碼(在引用源碼的時候需要)

* dfn - 定義字段

* em - 強調(diào)

* font - 字體設(shè)定(不推薦)

* i - 斜體

* img - 圖片

* input - 輸入框

* kbd - 定義鍵盤文本

* label - 表格標簽

* q - 短引用

* s - 中劃線(不推薦)

* samp - 定義范例計算機代碼

* select - 項目選擇

* small - 小字體文本

* span - 常用內(nèi)聯(lián)容器,定義文本內(nèi)區(qū)塊

* strike - 中劃線

* strong - 粗體強調(diào)

* sub - 下標

* sup - 上標

* textarea - 多行文本輸入框

* tt - 電傳文本

* u - 下劃線

* var - 定義變量

css派生選擇器有幾種?

基本選擇器

1.標簽選擇器:直接用元素的標簽來進行選擇

span { // 直接選擇span標簽

size:16px;

}

1

2

3

1

2

3

2.ID選擇器:通過設(shè)置id名字,進行精確的選擇,用#來定義

# div1 { //通過id名字來進行選擇

color:red;

}

<div id="div1">1</div>

1

2

3

4

1

2

3

4

3.類選擇器:通過類名來進行選擇,選擇范圍比id選擇器大,用’.'來定義

.div1 { //所有類名為div1的都被選擇了

color:red;

}

<div id="div1">1</div>

<div id="div1">1</div>

<div id="div1">1</div>

1

2

3

4

5

6

1

2

3

4

5

6

4.通配符選擇器:范圍更大,作用于所有標簽,用*來定義

不建議使用,對頁面加載負擔(dān)大

高級選擇器

1.后代選擇器:定義用空格隔開

div span { //選擇的是div標簽下的span標簽,當(dāng)然后代顧名思義可以不止隔一代,可以隔多代進行選擇

color:red;

}

<div><span>1</span></div>

1

2

3

4

1

2

3

4

2.交集選擇器:與后代選擇器定義的不同是,沒有空格隔開,兩個元素緊挨著

span#a1 { //選擇的是兩個條件1.既是span標簽的 2.id名是a1的元素,兩個條件缺一不可

color:red;

}

<span id=“a1”>1</span>

<span >1</span>

1

2

3

4

5

1

2

3

4

5

3.并集選擇器:定義用逗號隔開

span,#a1 { //選擇的是1.是span標簽的 2.id名是a1的元素,兩個條件滿足一個即可

color:red;

}

<span id=“a1”>1</span>

<span >1</span>

1

2

3

4

5

1

2

3

4

5

4.偽類選擇器:

1.靜態(tài)偽類:點擊連接之前(link),點擊連接之后(visited)這樣的

2.動態(tài)偽類:鼠標移入(hover),點擊之后(focus)