前端面試大全(四)

第四部分 CSS 3

· CSS3新增偽類有那些央串?

CSS3新增偽類

p:last-of-type? ? ? ? 選擇其父元素的最后的一個P元素

p:last-child? ? ? ? ? ? 選擇其父元素的最后子元素(一定是P才行)

p:first-of-type? ? ? ? 選擇其父元素的首個P元素

p:first-child? ? ? ? ? 選擇其父元素的首個p元素(一定是p才行)

p:only-child    選擇其父元素的只有一個元素(而且這個元素只能是p元素形病,不能有其他元素)

p:only-of-type   選擇其父元素的只有一個p元素(不能有第二個P元素鳞绕,其他元素可以有)

選第N個

p:nth-child(n)? ?   選擇其父元素的第N個 剛好是p的元素

p:nth-last-child(n)? ? ..............................................從最后一個子元素開始計數(shù)

p:nth-of-type(n) ? 選擇其父元素的n個元素

p:nth-last-of-type(n)? ........................從最后一個子元素開始計數(shù)

用在input上

:enabled

:

· 請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景钦椭?

· 主要作用是讓元素body使用flexbox布局瞒津,而不是普通的塊布局袜匿。在文檔流中的所有子元素(即不是絕對定位的元素)現(xiàn)在都變成了伸縮項目谍婉。

::before 和 :after中雙冒號和單冒號 有什么區(qū)別舒憾?解釋一下這2個偽元素的作用。

單冒號(:)用于CSS3偽類穗熬,雙冒號(::)用于CSS3偽元素镀迂。(偽元素由雙冒號和偽元素? ? 名稱組成)? 雙冒號是在當(dāng)前規(guī)范中引入的,用于區(qū)分偽類和偽元素唤蔗。不過瀏覽器需要同時支持舊的? ? 已經(jīng)存在的偽元素寫法探遵, 比如:first-line、:first-letter妓柜、:before箱季、:after等,? ? 而新的在CSS3中引入的偽元素則不允許再支持舊的單冒號的寫法棍掐。

想讓插入的內(nèi)容出現(xiàn)在其它內(nèi)容前藏雏,使用::before,否者作煌,使用::after掘殴;在代碼順序上赚瘦,::after生成的內(nèi)容也比::before生成的內(nèi)容靠后。如果按堆棧視角奏寨,::after生成的內(nèi)容會在::before生成的內(nèi)容之上

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末起意,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子服爷,更是在濱河造成了極大的恐慌杜恰,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件仍源,死亡現(xiàn)場離奇詭異心褐,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)笼踩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門逗爹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嚎于,你說我怎么就攤上這事掘而。” “怎么了于购?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵袍睡,是天一觀的道長。 經(jīng)常有香客問我肋僧,道長斑胜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任嫌吠,我火速辦了婚禮止潘,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘辫诅。我一直安慰自己凭戴,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布炕矮。 她就那樣靜靜地躺著么夫,像睡著了一般。 火紅的嫁衣襯著肌膚如雪肤视。 梳的紋絲不亂的頭發(fā)上魏割,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機(jī)與錄音钢颂,去河邊找鬼。 笑死拜银,一個胖子當(dāng)著我的面吹牛殊鞭,可吹牛的內(nèi)容都是我干的遭垛。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼操灿,長吁一口氣:“原來是場噩夢啊……” “哼锯仪!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起趾盐,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤庶喜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后救鲤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體久窟,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年本缠,在試婚紗的時候發(fā)現(xiàn)自己被綠了斥扛。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡丹锹,死狀恐怖稀颁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情楣黍,我是刑警寧澤匾灶,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站租漂,受9級特大地震影響阶女,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜窜锯,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一张肾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧锚扎,春花似錦吞瞪、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至翠勉,卻和暖如春妖啥,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背对碌。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工荆虱, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓怀读,卻偏偏與公主長得像诉位,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子菜枷,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

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

  • 本文轉(zhuǎn)載自:眾成翻譯譯者:為之漫筆鏈接:http://www.zcfy.cc/article/239原文:http...
    極樂君閱讀 7,350評論 1 62
  • <a name='html'>HTML</a> Doctype作用苍糠?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,456評論 1 19
  • 本文轉(zhuǎn)發(fā)自github, 原文地址 前端開發(fā)知識點(diǎn): 作為一名前端工程師啤誊,無論工作年頭長短都應(yīng)該掌握的知識點(diǎn): 此...
    XDUZ閱讀 611評論 0 8
  • 上述故事的男主人公的睿智讓我欽佩岳瞭!回觀我的現(xiàn)實(shí)生活,對他人的贊美的給予方面蚊锹,我就是葛朗臺瞳筏! 除非對方做的無可挑剔,...
    米勒Li閱讀 252評論 1 1
  • 好種子開花: 1枫耳, 中午老公說去吃墨西哥菜乏矾,是很久很久以前吃過的一個店,久到我都已經(jīng)忘記了迁杨。今天再次吃到钻心,仍然非常...
    成長中的小蝸牛閱讀 171評論 3 1