<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS3選擇器--屬性選擇器</title>
</head>
<body>
<div id="section1">HTML5_1601</div>
<div id="subsection1-1">HTML5_1601</div>
<div id="subsection1-2">HTML5_1601</div>
<div id="subsection1-3">HTML5_1601</div>
<div id="section2">HTML5_1601</div>
<div id="subsection2-1">HTML5_1601</div>
<div id="subsection2-2">HTML5_1601</div>
<div id="subsection2-3">HTML5_1601</div>
<style>
/*0.[attr] 選擇有某個屬性的元素*/
/* [id]{
background-color: yellow;
}*/
/*1.[attr="value"] 選擇有對應屬性和屬性值的元素*/
[id=section1]{
background:yellow;
}
/*2. [attr~="value"] 選擇有屬性中[全等于value]屬性值的元素 value必須是一個完整的類名不能是類名的一部分 */
/* [id ~= section2]{
background-color: red;
}*/
/*3.[attr*="value"] 選擇attr屬性值中[包含]子串"value"的所有元素*/
/* [id *= section2]{
background-color: red;
}*/
/*4.[attr ^="value"] 選擇attr屬性值中以子串"value"[開頭]的所有元素*/
/* [id ^= sub]{
background-color: red;
}*/
/*5.[attr $="value"] 選擇attr屬性值中以子串"value"[結尾]的所有元素*/
/* [id$="2"]{
background-color: red;
}*/
</style>
</body>
</html>
2.4 (案例)CSS3選擇器--屬性選擇器
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來本辐，“玉大人桥帆，你說我怎么就攤上這事∩髦澹” “怎么了老虫？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長宝冕。 經(jīng)常有香客問我张遭，道長，這世上最難降的妖魔是什么地梨？ 我笑而不...
- 正文 為了忘掉前任菊卷，我火速辦了婚禮，結果婚禮上宝剖，老公的妹妹穿的比我還像新娘洁闰。我一直安慰自己，他們只是感情好万细，可當我...
- 文/花漫 我一把揭開白布扑眉。 她就那樣靜靜地躺著，像睡著了一般赖钞。 火紅的嫁衣襯著肌膚如雪腰素。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼姻政，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了岂嗓？” 一聲冷哼從身側響起汁展，我...
- 正文 年R本政府宣布硝清，位于F島的核電站辅斟，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏芦拿。R本人自食惡果不足惜士飒，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蔗崎。 院中可真熱鬧酵幕，春花似錦、人聲如沸缓苛。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽未桥。三九已至笔刹，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間冬耿，已是汗流浹背舌菜。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 文/沐陽徐 ? “南瓜坛吁，你慢點兒跑” “快來追我劳殖，快來~” “好，你慢點兒” 臨近黃昏拨脉，布達拉廣場上哆姻，笙月跟著南瓜...
