почему псевдосектор селектора работает неправильно [дубликат]

И несколько вещей, которые не были сразу очевидны для меня, когда я впервые увидел синтаксис резки:

>>> x = [1,2,3,4,5,6]
>>> x[::-1]
[6,5,4,3,2,1]

Легкий способ обхода последовательностей!

И если вы по какой-либо причине, каждый второй элемент в обратной последовательности:

>>> x = [1,2,3,4,5,6]
>>> x[::-2]
[6,4,2]
1
задан BoltClock 24 July 2012 в 16:02
поделиться

1 ответ

На вашем сайте у вас есть clearfix div, который является первым дочерним элементом его родительского элемента в вашем контейнере, поэтому ваш первый article действительно является дочерним second , а не первым:

<div class="row-main clearfix">
    <div class="clearfix"></div>  <!-- .row-main.clearfix > :nth-child(1) -->

    <article id="post-" class=""> <!-- .row-main.clearfix > :nth-child(2) -->

В CSS вы можете использовать :nth-of-type() для достижения третьего элемента article:

/* Select the 3rd article in its parent within .home */
.home article:nth-of-type(3) {}

Как ни странно, jQuery не поддерживает :nth-of-type() , поэтому для решения с несколькими браузерами вы должны выбрать :eq() с индексом на основе нуля:

// Select the 3rd article within .home
$('.home article:eq(2)')
5
ответ дан Community 1 September 2018 в 06:06
поделиться