首頁(yè) 猿問(wèn) 請(qǐng)問(wèn)CSS通用選擇器（*）,基礎(chǔ)問(wèn)題？

請(qǐng)問(wèn)CSS通用選擇器（*）,基礎(chǔ)問(wèn)題？

CSS3 AWS

犯罪嫌疑人X 2019-08-20 18:14:47

CSS通用選擇器（*）,基礎(chǔ)問(wèn)題

查看完整描述

3 回答

Helenr

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊

<html>
<head>
<title>無(wú)標(biāo)題文檔</title>
<style type="text/css">
*{}
#box{}
#box .aa{}
</style>
</head>
<body>
<div id="box">
<div class="aa"></div>
<div class="aa"></div>
</div>
</body>
</html>這是正確的寫(xiě)法，*代表的是全局屬性， #banner *{樣式}
的意思就是#banner下共同的屬性，ID是獨(dú)一無(wú)二的，在頁(yè)面中不能重復(fù)使用，CLASS反之，可以多次使用。

反對(duì) 回復(fù) 2019-08-24

牧羊人nacy

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊

ID選擇器：#header {}
類(lèi)選擇器：.header {}
元素選擇器：div {}
子選擇器：ul > li {}
后代選擇器：div p {}
偽類(lèi)選擇器：a:hover {}
屬性選擇器：input[type="text"] {}
id優(yōu)先級(jí)高于類(lèi)class；
后面的樣式覆蓋前面的；
指定的高于繼承；

反對(duì) 回復(fù) 2019-08-24

精慕HU

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊

比如你的有兩個(gè)DIV 里面都有超鏈接而且要兩個(gè)鏈接文字樣式不相同。
你可以這樣
比如一個(gè)DIV為
<div id='a'><a href='#'>我的是A</a></div>

另一個(gè)DIV為

<div id='b'><a href='#'>我的是B</a></div>

樣式可以這樣寫(xiě)
<style type="text/css">

</style>