亚洲网站在线观看_免费性无码在线专区_免费女人高潮又粗又大毛片_欧美性爱在线视频看看_日韩国产中文无码一区_国产欧美精品一二三区展播_综合自拍欧美乱伦_老司机久久精品视频_日韩一级黄色录像_毛片在线无码频在线观看

您當(dāng)前的位置主頁 > 解決方案 > 瀏覽文章

CSS選擇符詳解之關(guān)系選擇符篇

來源:解決方案 2012-10-29

快速提升網(wǎng)站銷量,使用365webcall網(wǎng)頁客服系統(tǒng)

相信大家都對CSS選擇符都不陌生,選擇符包含:元素選擇符、關(guān)系選擇符、屬性選擇符、偽類選擇符、偽對象選擇符。在眾多的選擇符中,可以讓我們根據(jù)自己的需要更加靈活性的選擇合適的選擇符來對樣式進行編寫,達到最大的質(zhì)量和效率。

今天就為大家介紹下選擇符中的關(guān)系選擇符,“關(guān)系”這可是一等一的大事啊,我們得理清楚,這樣做事情才能更加的有效率。不然在CSS中有你受的,哈哈。關(guān)系選擇符有四個類別:包含選擇符、子選擇符、相鄰選擇符、兄弟選擇符。接下來為大家一一介紹。在這里特別的說明一下,我們平常中最常用的的是包含選擇符,為什么我們都習(xí)慣用這個呢?因為在IE6瀏覽器中,只支持包含選擇符,其他的均不支持。在以往(現(xiàn)在有點改觀了)IE6是瀏覽器市場的主角,用戶覆蓋率極高,所以對于那些IE6所不支持的,也必然造成我們很少用到甚至根本不用的現(xiàn)象。但是記得在一篇文章看到,現(xiàn)在HTML5/CSS3是未來的一個趨勢,而HTML5/CSS3將會重視起以前那些被我們誤認為沒有什么用的標簽的運用。也許在某一天,IE6真正的功成身退了,不再折騰考驗我們了,那些我們誤以為沒有用的標簽語法將會掀起一次CSS效率大革命。哈哈,純屬個人幻想。請勿當(dāng)成珍珠一樣真。

包含選擇符(E F)

語法:

E F{ sRules }

說明:

選擇所有被E元素包含的F元素。

示例:

輸出結(jié)果圖片:

輸出結(jié)果說明:ul li表示在ul下面所有的li都會有作用,只要是屬于ul的li都會起作用。

子選擇符(E>F)

語法:

E>F{ sRules }

說明:

選擇所有作為E元素的子元素F。

示例:

輸出結(jié)果圖片:

輸出結(jié)果說明: .test>li>a 表示對在選擇器test下面的 li 標簽下面 a 標簽起作用。只有屬于這個關(guān)系的才會起作用,大家可以從上面的例子看到,有些 li 元素的下面還有 ul li 的選擇符,但是卻不會起到作用。由此可見,子選擇符比包含選擇符提供了更精細的控制。結(jié)合上面的兩個例子我們也可以得出:包含選擇符的深度和廣度超過子對象選擇符;而子對象選擇符的針對性和唯一性比包含選擇符強。這也就是包含選擇符和子選擇符的區(qū)別,這是一個比較容易混淆的地方。

相鄰選擇符(E+F)

語法:

E+F{ sRules }

說明:

選擇緊貼在E元素之后F元素。

示例:

輸出結(jié)果圖片:

輸出結(jié)果說明: p+p 表示只有在 p元素之后緊連接著另一個p元素,才會對第二個p元素開始起到作用。也就是只有在結(jié)構(gòu)中的后面兩個p元素起到作用,而假如在 結(jié)構(gòu)中,卻不會對任何標簽取到作用,因為p標簽沒有形成兩個以上(包括兩個)的連續(xù)。

兄弟選擇符(E~F)

語法:

E~F{ sRules }

說明:

選擇E元素后面的所有兄弟元素F。

輸出結(jié)果圖片:

輸出結(jié)果說明: p~p 表示只要出現(xiàn)第一個p元素之后,接下來只要有p元素都會起到作用的(也就是在一個結(jié)構(gòu)中,第二次出現(xiàn)p元素就會起到作用)。假如選擇符設(shè)置成 p~p~p 那么同理,會在第三個(包含第三個)p元素開始簽到作用。

注:建議大家可以對以上的示例隨意的更改里面的樣式選擇符,然后去測試看看輸出的結(jié)果。只有自己動手去實驗了,才能記的更加的牢固。

通過上面的舉例說明,大家都已經(jīng)了解了各種關(guān)系選擇符的用法。那么我們在日常中,怎么去運用這些選擇符呢?那就得看大家的聰明才智了;蛟S在以后會寫一些利用這些選擇符來制作的一些效果,和大家一起來研究探討。合理的有效利用,不但可以提高我們的代碼質(zhì)量而且還大大的提高我們的效率。

注:相關(guān)網(wǎng)站建設(shè)技巧閱讀請移步到建站教程頻道。

收藏本文

文章編輯: 365webcall客服系統(tǒng)(www.365webcall.com)

我的評論

登錄賬號: 密碼: 快速注冊 | 找回密碼

毛片TV网站无套内射TV网站 | 亚洲产在线观看亚洲第一站 | 少妇无码一区二区不卡av | 国产精品高潮久久久久无码 | 国自产拍偷拍福利精品免费 | 女人被做到高潮免费视频 | 国产97免费视频在线观看 | 国产在线播放无码不卡 | 亚洲国产rv精品一区二 | 亚洲午夜国产精品无码久久 | 亚洲AV无码成h人喷水网站 | 国产无码精品免费视频免费 | 国产剧情精品久久亚洲地区 | 国产高清无码在线观看视频 | 精品人妻一区二区三区日产乱码 | 亚洲人与动人物A级毛片免费视频 | 亚洲一级黄片免费在线视频 | 精品国精品国产自在久国产应用 | 精品日本亚洲一区二区三区 | 天堂中文最新版在线官网8 国产人久久人人人人爽 | 免费阿v网站在线观看g | av在线一区二区三区四区 | 国产无遮挡又黄又爽免费网站 | 午夜精品久久久久久久无码软件 | 中文在线不卡一区二区三区 | 亚洲成av 人片在线观看无码 | 伊人久久大香线蕉无码不卡 | 一本大道无码人妻精品专区 | 2020国产精品永久在线 | 久久夜色精品国产欧美乱 | 亚洲国产门事件区二区三区 | 成人午夜高潮免费视频试看 | 国产成a人亚洲精品无码久久网 | 五月婷婷丁香综合中文字幕 | 亚洲国产日韩欧美综合久久 | 人人妻人人澡人人爽人人精品浪潮 | 一级做性色a爰片久久毛片 97国产精品视频免费观看 | 国产精品成人在免费线播放 | 免费无遮挡无码永久在线观看视频 | 蘑菇成人黄网站 免费APP | 少妇久久久久久被弄到高潮 |