溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

CSS的選擇器用法介紹

發(fā)布時(shí)間：2021-08-07 20:28:42 來(lái)源：億速云 閱讀：152 作者：chen 欄目：大數(shù)據(jù)

這篇文章主要講解了“CSS的選擇器用法介紹”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS的選擇器用法介紹”吧！

####概述
想要操作任何一個(gè)標(biāo)簽，那么首先需要做的事情就是選中對(duì)應(yīng)的標(biāo)簽，而這個(gè)就是選擇器的作用
基本語(yǔ)法

選擇器 {  屬性1: 值1;  屬性2: 值2;  屬性3: 值3;}
標(biāo)簽選擇器

標(biāo)簽選擇器：通過(guò)標(biāo)簽名選中對(duì)應(yīng)的元素，會(huì)將所有滿足條件的標(biāo)簽都選中
eg:

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        div{            color: red;            font-size: 14px;        }    </style></head><body><div>css 語(yǔ)法</div></body></html>

標(biāo)簽選擇器會(huì)將頁(yè)面上所有符合的標(biāo)簽都選擇上，無(wú)法實(shí)現(xiàn)差異化選擇

類選擇器

可以給相同標(biāo)簽的元素定義不同的樣式，在實(shí)際開發(fā)中使用的最多。
聲明自定義類名

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

調(diào)用類名選擇器:給對(duì)應(yīng)的元素添加class類名屬性 class="自定義的類名"

.box {    font-size:12px;  }<div class="box">類選擇器</div>
多類名選擇器

思考：需求：兩個(gè)相同的標(biāo)簽，有一些共同的css樣式 但是也有一些差異化的css樣式

一個(gè)元素可以擁有多個(gè)類名 類名和類名之間用空格隔開
多類名選擇器可以讓我們解決更復(fù)雜的一些需求

id選擇器

id選擇器的使用方式和類選擇器基本一致

  1. 聲明id   #自定義id名字 {屬性1:值1;屬性2:值2;}

  1. 調(diào)用id   給對(duì)應(yīng)的元素添加屬性 id="自定義id"

特點(diǎn)：id選擇器一般配合后期的JS使用較多，效果和類選擇器一樣，只不過(guò)是類選擇器可以被多個(gè)元素調(diào)用，但是id選擇器只能被一個(gè)元素調(diào)用 在同一個(gè)頁(yè)面中嗎，不能出現(xiàn)兩個(gè)id值相同的元素

通配符選擇器

選中任何元素，后期用于頁(yè)面初始化。

偽類選擇器

偽類選擇器可以理解為選擇的元素的一種狀態(tài)，并不是如之前直接選中元素就完事。

鏈接偽類選擇器說(shuō)明
a:link沒有被訪問(wèn)的時(shí)候的狀態(tài)
a:visited訪問(wèn)之后的狀態(tài)
a:hover鼠標(biāo)移動(dòng)上去之后(懸停)的狀態(tài)
a:active鼠標(biāo)按下的狀態(tài)

eg:

####交集選擇器
####并集選擇器

感謝各位的閱讀，以上就是“CSS的選擇器用法介紹”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS的選擇器用法介紹這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手