<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3選擇器--通用兄弟元素選擇器</title>
</head>
<body>
<ul>
<li id="one">li1</li>
<li id="two">li2</li>
<li id="three">li3</li>
<li id="four" class="active" style="">li4.active</li>
<li id="five">li5</li>
<li id="six">li6</li>
</ul>
<style type="text/css">
li{
margin:5px;
}
/*子元素選擇器(E>F) 選擇了Ｅ元素下的所有子元素Ｆ
ie6不兼容*/
ul > li{
background: #000;
color: #fff;
}
/*相鄰兄弟元素選擇器(E + F)選擇緊接在另一元素后的元素光涂，他們具有一個相同的父元素
ie6不兼容*/
/*.active + li{
background: #000;
color: #fff;
}*/
/* li + li{
background: #000;
color: #fff;
}*/
/* 兄弟元素選擇器(E ~ F) 擇中所有Ｅ元素后面的Ｆ元素
ie6不兼容*/
/* .active ~ li{
background:#000;
color: #fff;
}*/
</style>
</body>
</html>
2.9 (案例)通用兄弟元素選擇器
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門践付，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人缺厉，你說我怎么就攤上這事永高。” “怎么了提针？”我有些...
- 文/不壞的土叔 我叫張陵命爬，是天一觀的道長。 經(jīng)常有香客問我辐脖，道長饲宛，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任嗜价，我火速辦了婚禮艇抠，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘久锥。我一直安慰自己家淤，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布瑟由。 她就那樣靜靜地躺著絮重，像睡著了一般。 火紅的嫁衣襯著肌膚如雪歹苦。 梳的紋絲不亂的頭發(fā)上青伤，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼动遭！你這毒婦竟也來了芬探？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布敞恋，位于F島的核電站，受9級特大地震影響谋右，放射性物質(zhì)發(fā)生泄漏硬猫。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一改执、第九天 我趴在偏房一處隱蔽的房頂上張望啸蜜。 院中可真熱鬧，春花似錦辈挂、人聲如沸盔性。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蛹尝，卻和暖如春后豫，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背突那。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 良知 致知 誠意 格物的理解 良知 致知 誠意 格物這些詞在心學中頻繁出現(xiàn)芝加，先生也多次對學生解釋硅卢，經(jīng)過學習，個人有...
