欧美七区,精东影业秘国产传媒,国产三级在线观看网站

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

怎樣有效使用CSS普通相鄰選擇符

原創(chuàng)|使用教程|編輯：龔雪|2014-11-18 09:54:15.000|閱讀 542 次

概述：我是怎樣從實(shí)踐工作中有效使用CSS普通相鄰選擇符（ General sibling combinator）？今天，我就來談?wù)剬τ贑SS普通相鄰選擇符的使用過程。

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

在這之前，我完全沒有聽說過CSS選擇器。

我了解他，是應(yīng)為做了一些前端開發(fā)工作。

我希望可以使用類target,將第一個(gè)選擇元素作為目標(biāo)。

如下：

HTML

<section></section>
<section class="target"></section>
<section class="target"></section>
<section class="target"></section>
<section></section>

一般來說，我會使用偽類，因此，我嘗試下面的操作：

CSS

section.target:first-of-type {}
section.target:nth-of-type(1) {}
section.target:first-child {}

出于某些原因，我一直使用這樣的方法，大那是這一次，樣式?jīng)]被應(yīng)用。

去Stack Overflow上問了不少開發(fā)者，都得到了相同的問題。一位網(wǎng)友給出了答案：使用CSS3的選擇器，說實(shí)話，我之前真沒聽說過。

我進(jìn)入了一個(gè)誤區(qū)，想使用上面的一個(gè)選項(xiàng)將第一個(gè)元素作為目標(biāo)。

使用普通相鄰選擇符

使用普通相鄰選擇符是分開兩個(gè)序列的簡單的選擇器，由"波浪"字符(U+007E, ~)組成

兩個(gè)序列的元素在文檔樹中共享相同父文檔，被第一個(gè)數(shù)列表現(xiàn)的元素（非立即）優(yōu)先于第二個(gè)。

使用普通相鄰選擇符，使用類target，包括第一個(gè)我們可以將所有的部分元素作為目標(biāo)。然后我們可以使用target類 except ，除去第一個(gè)，將所有元素作為目標(biāo)。在某種程度上取消了其他元素的樣式

來個(gè)例子：

HTML

<section></section>
<section class="target"></section>
<section class="target"></section>
<section class="target"></section>
<section></section>

CSS

body > section.target { border: 1px solid red; }
body > section.target ~ section.target { border: none; }

這個(gè)方法對我相當(dāng)受用。你有使用過CSS普通相鄰選擇符嗎？

還有好多iPhone 6 Plus沒送出去，快來看看，趕快把他領(lǐng)回家！！！

【年終大促巔峰盛"慧" 】促銷火熱進(jìn)行中 iPhone 6 Plus、 iPhone 6、iPad Air等你免費(fèi)拿點(diǎn)我查看

慧都聯(lián)合葡萄城產(chǎn)品年終大惠，第二套起，買一送一！11月17日-12月31日，機(jī)會不容錯(cuò)過！點(diǎn)我查看

FastReport VCL 5新版發(fā)布會，2014-12-9 15:00網(wǎng)絡(luò)直播，免費(fèi)參加?

標(biāo)簽：CSS3

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn

上一篇：【8折優(yōu)惠】使用Aspose.Cells組件生成Excel文件實(shí)例下一篇：【8折優(yōu)惠】圖表組件Fusioncharts API參考方法（二）

金喜正規(guī)買球相關(guān)的文章 MORE

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

怎樣有效使用CSS普通相鄰選擇符

使用普通相鄰選擇符

還有好多iPhone 6 Plus沒送出去，快來看看，趕快把他領(lǐng)回家！！！

用科技創(chuàng)就卓越

Create excellence with technology

欧美日韩亚-欧美日韩亚州在线-欧美日韩亚洲-欧美日韩亚洲第一区-欧美日韩亚洲二区在线-欧美日韩亚洲高清精品

金喜正规买球

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

怎樣有效使用CSS普通相鄰選擇符

使用普通相鄰選擇符

還有好多iPhone 6 Plus沒送出去，快來看看，趕快把他領(lǐng)回家！！！

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology