:First-Child和:nth-child()不起作用

蒂姆·马歇尔

JSFiddle演示

在我的CSS底部,请找到以下内容;

.AdminPanelLayout .Option:nth-child(1) {
    background:#000000;
    margin-left:20px;
}

background:#000000;是不需要的,它是有测试purpposes。至于这margin-left:20px;是我想要达到的目标。

萨拉查

好吧,看来您对的概念有误解first-child它不会寻找第一个与选择器匹配的孩子。而是寻找同时也是其容器中第一个孩子的选择器。

要选择.Option您的情况下的第一个

<div class="AdminPanelLayout">
    <div class="Title">
        2). Choose Admin Panel Layout
    </div>
    <div class="Option">

您将不得不尝试其他方法,例如:

  • 其索引的目标,在这种情况下为2: .AdminPanelLayout .Option:nth-child(2) {
  • 将其定位为兄弟姐妹(标题之后的紧挨着的第一个) .AdminPanelLayout .Title + .Option {

你得玩一会儿

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery:nth-child()类不起作用

来自分类Dev

CSS nth-child大于和小于

来自分类Dev

css:first-child:nth-child(2)在字段集形式之外不起作用

来自分类Dev

CSS 3 nth-child(n)不起作用#table_id td a:nth-of-type(n)

来自分类Dev

CSS3为什么同时具有:first-child和:nth-child()伪类选择器?

来自分类Dev

在pushState之后的iOS8 Safari:nth-child()选择器不起作用

来自分类Dev

:first-child和:nth-child的怪异行为

来自分类Dev

css nth-child不起作用(两种类型都不是)

来自分类Dev

Nth-child表达式删除底边不起作用

来自分类Dev

jQuery多类和nth-child

来自分类Dev

CSS nth-child不起作用

来自分类Dev

:nth-child(3n):Cleafix在CSS中不起作用后

来自分类Dev

jQuery附加使用nth-child而不是first

来自分类Dev

:not(:first-child)和:not(:first-of-type)不起作用

来自分类Dev

复杂的CSS / LESS:为什么这个nth-child(even)〜p不起作用?

来自分类Dev

nth-child选择器在CSS中不起作用(?)

来自分类Dev

jQuery last-child和insetBefore不起作用

来自分类Dev

CSS属性tr:nth-child(even)在IE 8上不起作用

来自分类Dev

在Jquery中选择nth-child和条件格式不起作用

来自分类Dev

:first-child和:nth-child的怪异行为

来自分类Dev

css nth-child选择器不起作用

来自分类Dev

CSS3:nth-child()选择器不起作用

来自分类Dev

:nth-child(3n):Cleafix在CSS中不起作用后

来自分类Dev

属性nth-child似乎在JSP CSS中不起作用

来自分类Dev

为什么:: selection:first-child不起作用?

来自分类Dev

申请 nth-child 不起作用

来自分类Dev

为什么 isVisible 在 QWidget child 中不起作用

来自分类Dev

:nth-child() 和 :nth-of-type() 不起作用

来自分类Dev

p:nth-child(n) 在 css div 中不起作用

Related 相关文章

  1. 1

    jQuery:nth-child()类不起作用

  2. 2

    CSS nth-child大于和小于

  3. 3

    css:first-child:nth-child(2)在字段集形式之外不起作用

  4. 4

    CSS 3 nth-child(n)不起作用#table_id td a:nth-of-type(n)

  5. 5

    CSS3为什么同时具有:first-child和:nth-child()伪类选择器?

  6. 6

    在pushState之后的iOS8 Safari:nth-child()选择器不起作用

  7. 7

    :first-child和:nth-child的怪异行为

  8. 8

    css nth-child不起作用(两种类型都不是)

  9. 9

    Nth-child表达式删除底边不起作用

  10. 10

    jQuery多类和nth-child

  11. 11

    CSS nth-child不起作用

  12. 12

    :nth-child(3n):Cleafix在CSS中不起作用后

  13. 13

    jQuery附加使用nth-child而不是first

  14. 14

    :not(:first-child)和:not(:first-of-type)不起作用

  15. 15

    复杂的CSS / LESS:为什么这个nth-child(even)〜p不起作用?

  16. 16

    nth-child选择器在CSS中不起作用(?)

  17. 17

    jQuery last-child和insetBefore不起作用

  18. 18

    CSS属性tr:nth-child(even)在IE 8上不起作用

  19. 19

    在Jquery中选择nth-child和条件格式不起作用

  20. 20

    :first-child和:nth-child的怪异行为

  21. 21

    css nth-child选择器不起作用

  22. 22

    CSS3:nth-child()选择器不起作用

  23. 23

    :nth-child(3n):Cleafix在CSS中不起作用后

  24. 24

    属性nth-child似乎在JSP CSS中不起作用

  25. 25

    为什么:: selection:first-child不起作用?

  26. 26

    申请 nth-child 不起作用

  27. 27

    为什么 isVisible 在 QWidget child 中不起作用

  28. 28

    :nth-child() 和 :nth-of-type() 不起作用

  29. 29

    p:nth-child(n) 在 css div 中不起作用

热门标签

归档