上文:《IE7的web標(biāo)準(zhǔn)之道——1:前言(兼目錄)》
IE歷來被web標(biāo)準(zhǔn)的擁護(hù)者所詬病,而當(dāng)FireFox橫空出世以后,更多的網(wǎng)頁制作者開始關(guān)注web標(biāo)準(zhǔn)設(shè)計(jì)?粗鳩ireFox的市場(chǎng)占有率不停的上升,微軟終于推出了IE7。但I(xiàn)E7是否真的能夠力挽狂瀾,是否真的能夠得到用戶的信任,是否真的能夠得到網(wǎng)頁設(shè)計(jì)者的認(rèn)可呢?
且看《IE7的web標(biāo)準(zhǔn)之道》系列文章,和你一起見證IE7的改變!
CSS選擇符
IE7最令網(wǎng)頁設(shè)計(jì)者興奮的改進(jìn),便是支持更多、更豐富的CSS選擇符(也有翻譯為選擇器的)了。這樣通過CSS便能夠,更進(jìn)一步且方便的控制、定位前端結(jié)構(gòu)元素,從而更豐富、多樣的制定樣式。
因?yàn)橐恢辈幌矚g套用書本上的那些很“專業(yè)”、“晦澀”、“拗口”的名詞解釋。所以我的博客文章中出現(xiàn)的名詞解釋都是一種熊樣——俗、通俗(忒俗)!用非常直白甚至老土的話來解釋這些名詞,雖然看上去不專業(yè),甚至有所偏差。但是能夠讓人一看就明白。因?yàn)槲蚁嘈诺囊稽c(diǎn)是:讓人看不明白的拽文,就是一陀文字堆成的屎!請(qǐng)?jiān)忂@句話的粗俗和無理,也請(qǐng)你原諒我下面這些名詞解釋的老土。
CSS選擇符其實(shí)大家都見過,甚至都用過?纯聪旅娴睦樱蜁(huì)自然明白了。
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
示例中的"#"和"."就是CSS選擇符,正是因?yàn)橛羞x擇符,紅色字體和藍(lán)色字體這兩種樣式,才準(zhǔn)確的定位到了id為“div1”和class為“div2”的兩個(gè)div標(biāo)簽上。說白了,選擇符其實(shí)就是CSS為樣式找到前臺(tái)結(jié)構(gòu)元素目標(biāo)的一種機(jī)制。
選擇符有很多種,上面的示例中,利用“#”符號(hào)的稱之為“ID選擇符”,因?yàn)樗歉鶕?jù)前臺(tái)結(jié)構(gòu)元素的id定位的。利用“.”符號(hào)的稱之為“類選擇符”,因?yàn)樗歉鶕?jù)前臺(tái)結(jié)構(gòu)元素的class名定位的。其他的還有“通配選擇符”、“類型選擇符”、“包含選擇符”……更詳細(xì)的資料請(qǐng)查看這篇文章《CSS基礎(chǔ):CSS選擇符 》
更多高級(jí)選擇符
IE7與IE6相比,支持了更多的選擇符,正是因?yàn)橹С至诉@些豐富的選擇符,所以使得IE7可以更方便的實(shí)現(xiàn)一些,以前在IE6很難實(shí)現(xiàn)或者無法實(shí)現(xiàn)的效果。下面就讓我們看看這些令人興奮的、IE7新支持的選擇符。
出處:
責(zé)任編輯:bluehearts
上一頁 下一頁 更豐富的CSS選擇符 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|