章節(jié)八沉唠、CSS選擇器

每一條css樣式聲明(定義)由兩部分組成通贞,形式如下:
選擇器{
樣式;
}
body{ font-size:12px; color:red; }
在{}之前的部分就是“選擇器”,“選擇器”指明了{}中的“樣式”的作用對象仁连,也就是“樣式”作用于網(wǎng)頁中的哪些元素蓝角。

標簽選擇器其實就是html代碼中的標簽。如右側(cè)代碼編輯器中的<html>、<body>使鹅、<h1>揪阶、<p>、<img>患朱。例如下面代碼:
p{font-size:12px;line-height:1.6em;}

類選擇器:

注意:
1鲁僚、英文圓點開頭
2、其中類選器名稱可以任意起名(但不要起中文噢)

ID選擇器
在很多方面麦乞,ID選擇器都類似于類選擇符蕴茴,但也有一些重要的區(qū)別:
1劝评、為標簽設置id="ID名稱"姐直,而不是class="類名稱"。
2蒋畜、ID選擇符的前面是井號(#)號声畏,而不是英文圓點(.)。

類和ID選擇器的區(qū)別
相同點:可以應用于任何元素
不同點:
1姻成、ID選擇器只能在文檔中使用一次插龄。與類選擇器不同,在一個HTML文檔中科展,ID選擇器只能使用一次均牢,而且僅一次。而類選擇器可以使用多次才睹。
2徘跪、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。我們可以為一個元素同時設多個樣式琅攘,但只可以用類選擇器的方法實現(xiàn)垮庐,ID選擇器是不可以的(不能使用 ID 詞列表)。

子選擇器坞琴,即大于符號(>),用于選擇指定標簽元素的第一代子元素哨查。
.food>li{border:1px solid red;}

包含(后代)選擇器:作用于元素的第一代后代,空格作用于元素的所有后代剧辐。
* 通用選擇器寒亥,作用于html所有標簽元素。
偽類選擇符荧关,它允許給html不存在的標簽(標簽的某種狀態(tài))設置樣式溉奕。
當你想為html中多個標簽元素設置同一個樣式時,可以使用分組選擇符(羞酗,)
h1,span{color:red;}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末腐宋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌胸竞,老刑警劉巖欺嗤,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異卫枝,居然都是意外死亡煎饼,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門校赤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來吆玖,“玉大人,你說我怎么就攤上這事马篮≌闯耍” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵浑测,是天一觀的道長翅阵。 經(jīng)常有香客問我,道長迁央,這世上最難降的妖魔是什么掷匠? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮岖圈,結(jié)果婚禮上讹语,老公的妹妹穿的比我還像新娘。我一直安慰自己蜂科,他們只是感情好顽决,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著崇摄,像睡著了一般擎值。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上逐抑,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天鸠儿,我揣著相機與錄音,去河邊找鬼厕氨。 笑死进每,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的命斧。 我是一名探鬼主播田晚,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼国葬!你這毒婦竟也來了贤徒?” 一聲冷哼從身側(cè)響起芹壕,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎接奈,沒想到半個月后踢涌,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡序宦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年睁壁,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片互捌。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡潘明,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出秕噪,到底是詐尸還是另有隱情钳降,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布巢价,位于F島的核電站牲阁,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏壤躲。R本人自食惡果不足惜田篇,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一展姐、第九天 我趴在偏房一處隱蔽的房頂上張望郑什。 院中可真熱鬧丧裁,春花似錦怔毛、人聲如沸独悴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽况褪。三九已至撕贞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間测垛,已是汗流浹背捏膨。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留食侮,地道東北人号涯。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像锯七,于是被迫代替她去往敵國和親链快。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容