За последние 24 часа нас посетили 21764 программиста и 1690 роботов. Сейчас ищут 1949 программистов ...

nth-child(2n) не работает

Тема в разделе "HTML и CSS", создана пользователем vikrorpert, 1 дек 2015.

  1. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    Код (PHP):
    1. <div class='d1>
    2.   <div class='d2'></div>
    3.   <div class='blabla'></div>
    4.   <div class='d2'></div>
    5. </div>
    6.  
    7. .d1 .d2:nth-child(2n){
    8.     float: right;
    9. }
    изза дива blabla не работает стиль, если убрать див blabla то работает. почему так и как исправить?

    PHP, JavaScript, SQL и другой код пишите внутри тегов
    Код ( (Unknown Language)):
    1. [b]php][/b]Тут код[b][/[/b][b]code][/b][/color]
     
  2. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.114
    Симпатии:
    1.244
    Адрес:
    там-сям
  3. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
  4. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.114
    Симпатии:
    1.244
    Адрес:
    там-сям
    а может ты неправильно трактуешь результат? глянь более длинный список: https://jsfiddle.net/6sgzf5cg/1/

    Добавлено спустя 11 минут 16 секунд:
    я так понимаю, правило выбирает каждый второй элемент И он при этом имеет класс .d2 И родителем у него класс .d1

    CSS селекторы читаются справа налево и скобок там не поставить )))

    update:
    https://jsfiddle.net/6sgzf5cg/6/
    джавасрипт $('.d2:even') выбирает видимо то, что ты хотел.

    update 2:
    Вопрос меня заинтересовал. Возможно ты спрашивал не совсем то, как я это понял ) Я закинул свою тему на русский SO. Пусть тамошние гуру подскажут. http://ru.stackoverflow.com/questions/471031/%D0%A1%D0%BE%D ... 1%82%D0%B0
     
  5. Chushkin

    Chushkin Активный пользователь

    С нами с:
    17 дек 2010
    Сообщения:
    1.062
    Симпатии:
    91
    Адрес:
    Мещёра, Центр, Болото N3
    А что тут интересного? Всё элементарно.
    Цитата: "Псевдокласс :nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов."
    Т.е. в примере ТС, :nth-child(2n) это не есть "каждый второй (чётный) .d2 в выборке всех .d2".
    Правильное понимание, это ".d2 если он каждый второй (чётный) в списке потомков".
     
  6. vikrorpert

    vikrorpert Активный пользователь

    С нами с:
    13 окт 2010
    Сообщения:
    984
    Симпатии:
    10
    я так понял что css не понимает как реагировать на див blabla и как ровнять относительно его
    сам див blabla у меня невидимый, это модальное окно
    я сделал проще- вынес див blabla в конец страницы