国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS3 新增選擇器概覽

microelec / 514人閱讀

摘要：這個(gè)是后代選擇器怪異注意避免而不是理解當(dāng)前選中的元素集合中的第一個(gè)元素當(dāng)前選中的元素集合中的最后一個(gè)元素但是有問題不生效應(yīng)該是當(dāng)前的父元素所有子元素子元素的集合的第一個(gè)元素如果是設(shè)置樣式生效生效所以使用這兩個(gè)偽類在其上添加一個(gè)父元素

selector :first-child 這個(gè)是后代選擇器. 怪異, 注意避免而不是理解.

selector:first-child

 當(dāng)前 selector 選中的元素集合中的第一個(gè)元素

selector:last-child

當(dāng)前 selector 選中的元素集合中的最后一個(gè)元素.

但是有問題, :last-child 不生效.

應(yīng)該是:
1 當(dāng)前 selector 的父元素 parent
2 parent所有子元素, [a,b,c]
3 子元素的集合的第一個(gè)元素, 如果是 selector
4 設(shè)置樣式, 生效.

  **if(selecor.parent.childElementList.firstElement === selector){
     生效
  }**

所以使用這兩個(gè)偽類, 在其上添加一個(gè)父元素.就可以認(rèn)為是第一種實(shí)現(xiàn)了.

nth-child() 同樣適用于上面的規(guī)則.
注意這里的 n 有很大發(fā)展空間, 可以實(shí)現(xiàn) 奇／偶, 選擇哪幾個(gè), 從哪幾個(gè)開始選.

nth-last-child() 倒著選
:first-of-type
:last-of-type
:nth-of-type
:nth-last-of-type
:root
選擇文檔根元素.就是 html
:empty
選擇元素中連個(gè)空格都沒有的元素
:not
否定選擇器

:only-child
在集合只有一個(gè)元素的時(shí)候才會(huì)生效.

::selection
只能設(shè)置兩個(gè)屬性：background,color.

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/116479.html

相關(guān)文章

  • CSS 選擇器

    摘要：加號相連的兩個(gè)選擇器實(shí)現(xiàn)同級緊鄰的元素選擇的功能。我最好的朋友是米老鼠。樣式緊挨的第一個(gè)同級元素是我最好的朋友是米老鼠。注意區(qū)分新增的屬性選擇器。是中新增的選擇器，用于標(biāo)示當(dāng)前處于活動(dòng)的錨標(biāo)記。選擇器的取反，這個(gè)很好理解。 概覽 在 CSS 中，選擇器用于選擇需要添加樣式的元素。 CSS 選擇器非常豐富，現(xiàn)將 CSS 1 - 3 目前所有的選擇器列舉如下。 選擇器 例子 例子描述 ...

    cnio 評論0 收藏0

  • 從零單排之CSS3

    摘要：概覽大法好今夜秋風(fēng)陣陣，霧霾層層。布局選擇多媒體，字體響應(yīng)就是屌。說起來?xiàng)l目繁多，乍看之下與之前比起來復(fù)雜了好多。圓角指的即使一般正式的寫法為效果請看任意一個(gè)按鈕即可寫到此處不禁跟大家說，最好還是配合預(yù)編譯來寫。 CSS3 概覽 showImg(https://segmentfault.com/img/bVddDt); CSS3大法好 今夜秋風(fēng)陣陣，霧霾層層。不禁讓人想作詩，不過...

    劉福 評論0 收藏0

  • css3 新增了一些偽類選擇器的解析(保證記住)

    摘要：新增了一些偽類選擇器比如不要費(fèi)力去理解他們到底為了解決什么問題是對集合進(jìn)行操作還是怎么怎么著記住這么一個(gè)規(guī)則如果生效需要也就是當(dāng)前元素的父元素的第一個(gè)子元素就是它本身此時(shí)才會(huì)生效同理需要才會(huì)生效第二類注意這里的有很大發(fā)展空間可以實(shí) css3 新增了一些偽類選擇器 比如: selecor:first-child 不要費(fèi)力去理解他們到底為了解決什么問題, 是對集合進(jìn)行操作還是怎么怎么著, ...

    ThreeWords 評論0 收藏0

  • css3

    css3新增選擇器 屬性選擇器 包括h5中新增的自定義屬性 p[data-id]{color: red} sasas 屬性選擇器可以指定屬性值 的樣式變化 E[attr=value] 指定屬性名 p[data-id=111]{color: red} sasas1 sasas2 sasas3 只有第一行才會(huì)...

    RancherLabs 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<