<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style>
b{
font-size:25px;
}
#nurse{
/* 系統文件字體 C:/windows/Fonts/ */
font-family:華文彩云;
}
.girl2{
color:#ccc;
text-decoration:overline;
}
.girl{
/* 取消下劃線 */
text-decoration:none;
}
#a{
color:red;
}
.b{
color:blue !important;
}
del{
color:green;
}
.father .jie{
color:purple;
}
.father > li{
font-size:30px;
}
.fen + li{
font-family:楷體;
}
.fen ~ li{
font-weight:bold;
}
</style>
</head>
<body>
<!--
選擇器
1. 標簽選擇器
會獲取頁面所有的指定標簽
2. ID 選擇器
格式: #ID名 id='xxx'
ID不能重復, 不能多個
3. class選擇器 類選擇器
格式: .class名
class名可以重復, 可以多個
相同的對象,相同的屬性,最近的一個樣式起作用,前面都被覆蓋掉 (就近原則)
注意點:
!important > id > class > 標簽
4. 關聯選擇器
選擇器1 選擇器2 : 選擇器1 后代
選擇器1 > 選擇器2 : 選擇器1的下的兒子選擇器2(不算孫子,以及更加后代)
兄弟元素1 + 兄弟元素2 (僅次于兄弟1的兄弟2)
所有的兄弟元素 用 ~ 連接 ( 找到兄弟之后的所有元素)
-->
<b>這年頭,只有不傷手的立白, 哪有不分手的戀愛. 遇事看開點....</b>
<i id='nurse'>陪朋友去醫院, 要抽血, 抽到一半的,護士打了個噴嚏,只見針頭一下全扎進去了......</i>
<br />
<u class='girl girl2'>在火車站，看到一妹子后背拉鏈沒拉好，俺上去幫她拉上去了，妹子回頭就是一巴掌。好了，俺以為她不喜歡拉上去，又給她拉下來了，妹子回頭又是兩巴掌·····</u>
<del id='a' class='b'>懷才就跟懷孕一樣, 時間就了才能讓人看得出來</del>
<ul class='father'>
<li>求證: 1元=1分</li>
<li class='jie'>解:</li>
<ol>
<li>1元 = 100分</li>
<li class='fen'>=10分 * 10分</li>
<li>=1角 * 1角</li>
<li>=0.1元 * 0.1元</li>
<li>=0.01元</li>
<li>=1分</li>
</ol>
<li>證明完畢. 數學老濕哭了....因為,毫無破綻!</li>
<li>oh no !! shit!!</li>
</ul>
</body>
</html>
選擇器!important > id > class > 標簽，和關聯選擇器
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 兩大重點 屬性:通過屬性的復雜疊加才能做出漂亮的網頁。選擇器:通過選擇器找到對應的標簽設置樣式 一.標簽選擇器 標...
- 精讀《唐詩三百首》033：劉長卿《逢雪宿芙蓉山主人》 文 | 謝小樓 01 逢雪宿芙蓉山主人劉長卿日暮蒼山遠，天寒...
