本文將為大家詳細(xì)介紹“css中的選擇器有哪些”，內(nèi)容步驟清晰詳細(xì)，細(xì)節(jié)處理妥當(dāng)，而小編每天都會(huì)更新不同的知識(shí)點(diǎn)，希望這篇“css中的選擇器有哪些”能夠給你意想不到的收獲，請(qǐng)大家跟著小編的思路慢慢深入，具體內(nèi)容如下，一起去收獲新知識(shí)吧。
10年積累的成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有旌陽(yáng)免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
1.選擇符(器)使用基本語(yǔ)法
選擇符｛屬性1：屬性值1;
屬性2：屬性值2;
屬性3：屬性值3;
…..:…….;
}
2.標(biāo)記選擇器(直接使用HTML標(biāo)簽做選擇器)
second.html
標(biāo)記選擇器(直接使用html標(biāo)簽做選擇器)
second.css
p{
font-size:34px;
text-align:left;
text-transform:uppercase;
font-family:黑體,宋體;
text-indent:3em;
text-decoration:line-through;
font-weight:bolder;
letter-spacing:0.5em;
line-height:3px;
margin:34px;
padding:23px;
}
3.類選擇器(為每一個(gè)標(biāo)簽設(shè)置一個(gè)類名，CSS可通過(guò)類名為標(biāo)簽設(shè)置樣式，不同標(biāo)簽類名可以相同，相同可以共用同一個(gè)樣式)-CSS中用標(biāo)簽名.類名或者.類名表示
second.html
相同可以共用同一個(gè)樣式)---CSS中用標(biāo)簽名.類名或者.類名表示
second.css
.text{
font-variant:small-caps;/*小型大寫字母*/
font-family:宋體,黑體;
font-style:italic;
text-transform:lowercase;
font-size:35px;
text-indent:3em;
text-decoration:overline;
font-weight:bold;
letter-spacing:1px;
line-height:3em;
font-variant:small-caps;
text-align:right;
}
4.ID選擇器(為每一個(gè)HTML標(biāo)簽設(shè)置一個(gè)唯一的ID，CSS可以通過(guò)id來(lái)為標(biāo)簽設(shè)置樣式)
—-CSS中用#id值{}來(lái)表示
second.html
----CSS中用#id值{}來(lái)表示
second.css
.text{
font-variant:small-caps;/*小型大寫字母*/
font-family:宋體,黑體;
font-style:italic;
text-transform:lowercase;
font-size:35px;
text-indent:3em;
text-decoration:overline;
}
#textp1{
font-weight:bold;
letter-spacing:1px;
line-height:3em;
font-variant:small-caps;
text-align:right;
}
5.包含選擇器(后代選擇器：可跨代,跨標(biāo)簽)：在一個(gè)標(biāo)簽里包含另一個(gè)標(biāo)簽
second.html
(為每一個(gè)html標(biāo)簽設(shè)置一個(gè)唯一的ID，CSS可以通過(guò)id來(lái)為標(biāo)簽設(shè)置樣式)
----CSS中用#id值{}來(lái)表示
second.css
pa{
text-decoration:none;
font-size:25px;
background-color:pink;
}
.text{
font-size:21px;
font-style:normal;
text-transform:lowercase;
text-indent:3em;
font-weight:bold;
letter-spacing:0.7em;
line-height:27px;
}
6.子選擇符（IE瀏覽器不支持）：中間不能包含其他標(biāo)簽；CSS中用標(biāo)簽1>標(biāo)簽2（子標(biāo)簽）表示
second.html
（IE瀏覽器不支持）：中間不能包含其他標(biāo)簽；CSS中標(biāo)簽1>標(biāo)簽2（子標(biāo)簽）表示
second.css
p>a{
text-decoration:none;
font-family:黑體，宋體;
}
p{
font-size:23px;
}
7.相鄰選擇器:(CSS樣式作用在最后一個(gè)標(biāo)簽)常用設(shè)置表格的列屬性–CSS用標(biāo)簽1+….標(biāo)簽n表示
second.html
子選擇器:
（IE瀏覽器不支持）：中間不能包含其他標(biāo)簽；CSS中標(biāo)簽1>標(biāo)簽2（子標(biāo)簽）表示
相鄰選擇器(CSS樣式作用在最后一個(gè)標(biāo)簽)常用設(shè)置表格的列屬性--CSS用標(biāo)簽1+....標(biāo)簽n表示
second.css
.text+.text1{
color:pink;
background-color:gray;
font-size:34px;
}
8.并集選擇器:多個(gè)標(biāo)簽一起設(shè)置樣式，用逗號(hào)隔開(kāi)
second.css
子選擇器:
（IE瀏覽器不支持）：中間不能包含其他標(biāo)簽；CSS中標(biāo)簽1>標(biāo)簽2（子標(biāo)簽）表示
并集選擇器:多個(gè)標(biāo)簽一起設(shè)置樣式，用逗號(hào)隔開(kāi)
second.css
.text,.text1{
color:pink;
background-color:gray;
font-size:34px;}
9.偽類(元素某一種狀態(tài)，常用于描述超鏈接的狀態(tài)：link(未訪問(wèn)狀態(tài));visited(已經(jīng)訪問(wèn)過(guò)的狀態(tài));hover(鼠標(biāo)經(jīng)過(guò)狀態(tài));active(正在單擊狀態(tài))CSS用標(biāo)簽名：狀態(tài)表示
second.html
second.css
a:link{
color:blue;
font-size:53px;
text-decoration:none;
}
a:visited{
color:red;
font-size:193px;
}
a:hover{
color:green;
font-size:73px;
}
a:active{
color:gray;
font-size:183px;
}
10.偽元素(某個(gè)對(duì)象中某個(gè)元素的狀態(tài))CSS中用標(biāo)簽名：偽類表示
常用的有(first-letter[作用于文字首字]，first-line[作用于文字首行])
second.html
偽元素(某個(gè)對(duì)象中某個(gè)元素的狀態(tài))CSS中用標(biāo)簽名：
偽元素常用的有(first-letter[作用于文字首字]，first-line[作用于文字首行])
偽元素(某個(gè)對(duì)象中某個(gè)元素的狀態(tài))CSS中用標(biāo)簽名：
偽元素常用的有(first-letter[作用于文字首字]，first-line[作用于文字首行])
second.css
p:first-letter{
font-size:200%;
}
p:first-line{
color:red;
}
11樣式優(yōu)先級(jí)：內(nèi)聯(lián)選擇器>ID選擇器>類選擇器（偽類，屬性）>標(biāo)記選擇器
可以用!important;加大優(yōu)先級(jí)
1.行內(nèi)樣式，最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""。2.內(nèi)嵌樣式，就是將CSS代碼寫在之間，并且用
進(jìn)行聲明。3.外部樣式，其中鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在之間加上
感謝您能讀到這里，小編希望您對(duì)“css中的選擇器有哪些”這一關(guān)鍵問(wèn)題有了從實(shí)踐層面最深刻的體會(huì)，具體使用情況還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想閱讀更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
