成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

拋磚引玉css系列---根據(jù)父元素包含的子元素個數(shù),實現(xiàn)不同的樣式

junfeng777 / 1595人閱讀

摘要:工作時遇到這樣一個問題根據(jù)某元素所包含的子元素個數(shù),分別設置不同的樣式,這個用可以解決,不過個人認為用解決可能更簡單一點。

工作時遇到這樣一個問題:根據(jù)某元素所包含的子元素個數(shù),分別設置不同的樣式,這個用js可以解決,不過個人認為用css解決可能更簡單一點。這也正好加深了我對css選擇器的理解和運用。
demo如下:

效果圖如下

完整代碼如下:




    css3
    


    
  • 11111
  • 11111
  • 22222
  • 11111
  • 22222
  • 33333

注釋中有詳細的說明,再次還要感謝這篇文章:
http://lightcss.com/styling-c...

文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/112311.html

相關文章

  • 拋磚引玉css系列---根據(jù)元素包含元素個數(shù)實現(xiàn)不同樣式

    摘要:工作時遇到這樣一個問題根據(jù)某元素所包含的子元素個數(shù),分別設置不同的樣式,這個用可以解決,不過個人認為用解決可能更簡單一點。 工作時遇到這樣一個問題:根據(jù)某元素所包含的子元素個數(shù),分別設置不同的樣式,這個用js可以解決,不過個人認為用css解決可能更簡單一點。這也正好加深了我對css選擇器的理解和運用。demo如下: showImg(https://segmentfault.com/im...

    littleGrow 評論0 收藏0
  • 360前端星計劃學習-HTML + CSS

    摘要:設計思想兼容已有內(nèi)容避免不必要的復雜性解決現(xiàn)實問題優(yōu)雅降級尊重事實標準變化新增語義化標簽去除純表示性的標簽拖拽離線語法標簽不區(qū)分大小寫推薦小寫空標簽可以不閉合屬性不必引號。遇到這種情況時,會生成匿名塊級盒來包含行級盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...

    lpjustdoit 評論0 收藏0
  • 360前端星計劃學習-HTML + CSS

    摘要:設計思想兼容已有內(nèi)容避免不必要的復雜性解決現(xiàn)實問題優(yōu)雅降級尊重事實標準變化新增語義化標簽去除純表示性的標簽拖拽離線語法標簽不區(qū)分大小寫推薦小寫空標簽可以不閉合屬性不必引號。遇到這種情況時,會生成匿名塊級盒來包含行級盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...

    mumumu 評論0 收藏0
  • 2019屆校招前端面試題整理——HTML、CSS

    摘要:前言屆校招陸陸續(xù)續(xù)開始了,整理了一些高頻的面試題。標簽提供給頁面的一些元信息名稱值對,有助于。開啟缺點一個是不支持,另一個是一旦子元素的大小超過父容器的大小,就會出顯示問題。用于設置或檢索元素的縮放比例,值為即使用元素的實際尺寸。 前言 2019屆校招陸陸續(xù)續(xù)開始了,整理了一些高頻的面試題。 HTML部分 1. 什么是? DOCTYPE是html5標準網(wǎng)頁聲明,且必須聲明在HTML文檔...

    Turbo 評論0 收藏0
  • 2019屆校招前端面試題整理——HTML、CSS

    摘要:前言屆校招陸陸續(xù)續(xù)開始了,整理了一些高頻的面試題。標簽提供給頁面的一些元信息名稱值對,有助于。開啟缺點一個是不支持,另一個是一旦子元素的大小超過父容器的大小,就會出顯示問題。用于設置或檢索元素的縮放比例,值為即使用元素的實際尺寸。 前言 2019屆校招陸陸續(xù)續(xù)開始了,整理了一些高頻的面試題。 HTML部分 1. 什么是? DOCTYPE是html5標準網(wǎng)頁聲明,且必須聲明在HTML文檔...

    Tamic 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<