国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS id選擇器和class選擇器區(qū)別

前一節(jié)介紹了幾種基本的選擇器,這一節(jié)分享的是id和class的區(qū)別比較

#id和class屬性是網(wǎng)頁中兩個通用的屬性,它們協(xié)同工作使整個頁面變得豐富多彩。當我們?yōu)橐粋€元素定義樣式時。可以使用id,也可以使用class。但我們也應(yīng)該注意這兩者的差異。?

1,在css樣式表中書寫時,id選擇符前面應(yīng)該要加前綴符號‘#’,而class選擇符前面應(yīng)該要加前綴符號‘.’。?

2,id屬性一般在一個頁面中只可以使用一次,而class可以被多次引用。?

3,id作為元素的標籤,用來區(qū)分不同結(jié)構(gòu)和內(nèi)容,而class作為一個樣式,它可以應(yīng)用在任何結(jié)構(gòu)和內(nèi)容上。

4,在佈局思路上,一般堅持這樣的原則:id是先確定頁面的結(jié)構(gòu)和內(nèi)容,然後再為它定義樣式:而class相反,它先定義好一類樣式,然後再頁面中依需求把類樣式應(yīng)用到不同的元素和內(nèi)容上面。

5,目前瀏覽器都能允許在同一個頁面內(nèi)出現(xiàn)多個相同屬性值的id,一般情況下也能正常顯示,不過當使用javascript透過id來控制元素時就會出現(xiàn)錯誤。?

6,在實際應(yīng)用時,class更多的被應(yīng)用到文字版塊以及頁面修飾等方面,而id更多地被用來實現(xiàn)宏偉佈局和設(shè)計包含塊,或包含框的樣式。

註解:

#ID 有高優(yōu)先權(quán)、唯一性的特點,特指“個體”。
相對於 ID,class 的優(yōu)先權(quán)比較適中,特別指「特定群體」。
Class 的使用需要參考物件導向的抽象概念,把共有的屬性抽像出來。

ID是先找到結(jié)構(gòu)/內(nèi)容,再給它定義樣式;
Class是先定義好一種樣式,再套給多個結(jié)構(gòu)/內(nèi)容。



#
繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>id和class</title> <style> /*id選擇器*/ #rrrrr { background-color: red; } /*類選擇器*/ .important { color: aqua; font-size:smaller; } /*類選擇器*/ .important2222 { font-size:larger; background-color:black; } </style> </head> <body> <!--可以同時使用多個類--> <div class="important important2222"> 1、人生最精彩的不是成功的那一瞬間,而是回頭看,那段漆黑看似沒有盡頭、苦苦摸索的過程。其實,我只是很在意,在意在我所在意的人的心里,我,在哪個位置。 </div> <h1> 1、人生最精彩的不是成功的那一瞬間,而是<span>3333333333</span> </h1> <p> 2、生活再不如人意,都要學會自我溫暖和慰藉,<br /> 給自己多一點欣賞和鼓勵。生活就是童話,<br /> 只要心存美好,結(jié)局就會是美好。<br /> </p> <p id="rrrrr"> 3、旁觀者的姓名永遠爬不到比賽的計分板上。 </p> <p> 4、強烈的信仰會贏取堅強的人,然后又使他們更堅強。 </p> <p> 5、只要我們能夢想的,我們就能實現(xiàn)。 </p> <p> 6、每一個成功者都有一個開始。勇于開始,才能找到成功的路。 </p> </body> </html>