css3中新增的選擇器

div > p 匹配div直接后代為p的元素(孫子后面的不算)

div + p 匹配div后面的鄰居為p的元素

div ~ p 匹配div后面的所有鄰居為p的元素

[class = ’box’] 匹配具有class屬性并且值等于box并且只有這個(gè)值的元素

[class ~= ’box’] 匹配具有class屬性并且值等于box的元素

[class |= ’box’] 匹配具有class屬性并且值等于box或者以box-開頭的元素

[src ^= ‘image’] 匹配具有src屬性并且值以image開頭的元素 模糊匹配

[src $= ‘png’] 匹配具有src屬性并且值以png結(jié)尾的元素 模糊匹配

[src *= ‘gi’] 匹配具有src屬性并且值里面包含gi的元素 模糊匹配

偽類選擇器

li :first - of - type{} 選中l(wèi)i是其父元素的第一個(gè)li的元素方仿,無視其他子元素

li : first - child{} 選中其父元素的第一個(gè)子元素并且是li元素固棚,不無視其他子元素

li :last - of - type{} 選中l(wèi)i是其父元素的最后一個(gè)li的元素,無視其他子元素

li : last- child{} 選中其父元素的最后一個(gè)子元素并且是li元素仙蚜,不無視其他子元素

li : only - of - type{} 選中其父元素只有一個(gè)li類型的子元素 此洲,其他子元素可以多個(gè) 但li必須只有一個(gè), 當(dāng)li有兩個(gè)以上時(shí)無法匹配

li : only - child{} 選中其父元素只有一個(gè)li的子元素,獨(dú)生子委粉,有其他子元素則無法匹配

li : nth-of-type(3){} 選中其父元素里的第三個(gè)li元素呜师,無視其他子元素

li : nth-child(3){} 選中其父元素的第三個(gè)元素且必須是li元素,不無視其他子元素

li : nth-last-of-type(2){} 其父元素倒數(shù)第二個(gè)li元素贾节,無視其他子元素

li : nth-last-chile(2){} 其父元素倒數(shù)第二個(gè)li元素汁汗,不無視其他子元素

P : first - line{} p元素里的第一行

P : first - letter{} p元素里的第一個(gè)字(可以做首字母大寫)

P :: selection{} p元素里被選中的文字

P : empty{} 為空的p元素 里面什么都不能有,空格都不能有

P : not(:first-child){} 除了最后一個(gè)子元素之外的p 取反

input : enabled{} 所有啟用的input元素

input : disabled{} 所有禁用的input元素

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末栗涂,一起剝皮案震驚了整個(gè)濱河市知牌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌斤程,老刑警劉巖角寸,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異忿墅,居然都是意外死亡扁藕,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門疚脐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來亿柑,“玉大人,你說我怎么就攤上這事棍弄⊥。” “怎么了疟游?”我有些...
    開封第一講書人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)式矫。 經(jīng)常有香客問我乡摹,道長(zhǎng),這世上最難降的妖魔是什么采转? 我笑而不...
    開封第一講書人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任聪廉,我火速辦了婚禮,結(jié)果婚禮上故慈,老公的妹妹穿的比我還像新娘板熊。我一直安慰自己,他們只是感情好察绷,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開白布干签。 她就那樣靜靜地躺著,像睡著了一般拆撼。 火紅的嫁衣襯著肌膚如雪容劳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,784評(píng)論 1 290
  • 那天闸度,我揣著相機(jī)與錄音竭贩,去河邊找鬼。 笑死莺禁,一個(gè)胖子當(dāng)著我的面吹牛留量,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播哟冬,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼楼熄,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了浩峡?” 一聲冷哼從身側(cè)響起可岂,我...
    開封第一講書人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎翰灾,沒想到半個(gè)月后缕粹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡预侯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了峰锁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片萎馅。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖虹蒋,靈堂內(nèi)的尸體忽然破棺而出糜芳,到底是詐尸還是另有隱情飒货,我是刑警寧澤,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布峭竣,位于F島的核電站塘辅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏皆撩。R本人自食惡果不足惜扣墩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望扛吞。 院中可真熱鬧呻惕,春花似錦、人聲如沸滥比。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)盲泛。三九已至濒持,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間寺滚,已是汗流浹背柑营。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留玛迄,地道東北人由境。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蓖议,于是被迫代替她去往敵國(guó)和親虏杰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

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

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5勒虾? 答:HTML5是最新的HTML標(biāo)準(zhǔn)纺阔。 注意:講述HT...
    kismetajun閱讀 27,449評(píng)論 1 45
  • id與class的使用場(chǎng)景 id選擇器,匹配特定id的元素類選擇器修然,匹配class包含(不是等于)特定類的元素id...
    姚小帥閱讀 312評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案笛钝? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • 作為前端和后臺(tái)最基礎(chǔ)可靠的神器工具JQuery,你真的對(duì)她有足夠了解么愕宋? 亞非拉地區(qū)苦逼的前端er們玻靡,有時(shí)候不得不...
    扭了個(gè)妞閱讀 377評(píng)論 0 0
  • 1.class 和 id 的使用場(chǎng)景? class:類選擇器,一個(gè)標(biāo)簽可以有多個(gè)類且同一個(gè)類可以用到不同的標(biāo)簽上中贝,...
    饑人谷_兔子君閱讀 1,183評(píng)論 0 0