一、關(guān)于選擇器的命名 W3C CSS2.1的 4.1.3 節(jié)中提到:標(biāo)識(shí)符(包括選擇器中的元素名,類和ID)只能包含字符[a- zA-Z0-9]和ISO 10646字符編碼U+00A1及以上,再加連字號(hào)(-)和下劃線(_);它們不能以 數(shù)字,或一個(gè)連字號(hào)后跟數(shù)字為開頭。它們還可以包含轉(zhuǎn)義字符加任何ISO 10646字符作為一個(gè)數(shù) 字編碼。 由于設(shè)計(jì)到的字符很多,本文只針對(duì)字符[a-zA-Z0-9],再加連字號(hào)(-)和下劃線(_)進(jìn)行討論。 關(guān)于CSS中允許使用的字符和大小寫信息 二、差異及可能產(chǎn)生的問題 在W3C CSS2.1說明文檔中,只提到選擇器標(biāo)識(shí)符不能以數(shù)字,或一個(gè)連字號(hào)后跟數(shù)字為開頭。除 此之外,沒有相關(guān)的說明。那么各瀏覽器下的表現(xiàn)是否遵循這一規(guī)則呢?
1. 內(nèi)聯(lián)樣式表的權(quán)值最高 1000 2. ID 選擇器的權(quán)值為 100 3. Class 類選擇器的權(quán)值為 10 4. HTML 標(biāo)簽選擇器的權(quán)值為 1 CSS 優(yōu)先級(jí)法則: A 選擇器都有一個(gè)權(quán)值,權(quán)值越大越優(yōu)先 B 當(dāng)權(quán)值相等時(shí),后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置 C 創(chuàng)作者的規(guī)則高于瀏覽者:即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式 D 繼承的CSS 樣式不如后來指定的CSS 樣式 E 在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級(jí)最大 這是規(guī)定好的,自然不能打破
CSS是一種用于屏幕上渲染html,xml等一種語言,CSS主要是在相應(yīng)的元素中應(yīng)用樣式,來渲染相對(duì)應(yīng)用的元素,那么這樣我們選擇相應(yīng)的元素就很重要了,如何選擇對(duì)應(yīng)的元素,此時(shí)就需要我們所說的選擇器。在 CSS 中,選擇器是一種模式,用于選擇需要添加樣式的元素。選擇器主要是用來確定html的樹形結(jié)構(gòu)中的DOM元素節(jié)點(diǎn)。
選擇器body>div 只操作body下級(jí)的div。div1+div2 只選擇div1 同級(jí) 隨后 相鄰最近的div2div1~p 選擇div1下所有的p屬性選擇器[attr]{} 例:[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 選擇所有class屬性,并且屬性值唯一為nav-開頭的元素[class~="nav"]{color:red;} 選擇所有class屬性,并且包含單個(gè)完整的nav屬性值的元素[class1][class="text"]{color:red;}選擇具有class1屬性,并且具有class屬性且屬性值唯一為text的元素