Невозможно настроить привязку с nth-child

Мне нужно уметь спрятать второй ребенок, если он существует.Невозможно настроить привязку с nth-child

#mob-links li:nth-child(2) { 
 
    display: none !important; 
 
}

<ul id="mob-links"> 
 
    <li><a href="../../inventory.php">Inventory</a> 
 
    </li> 
 
    <li><a href="../../ah/">Market</a> <a href="../../ah/">second link</a> 
 
    </li> 
 
</ul>

Я гугл и Google, и я не мог найти что-то, что говорит анкеры не выбираются п-м-ребенок.

источник

2015-12-16 Iscariot

вы хотите, чтобы скрыть второй якорный тег внутри элемента списка или второго элемента списка ли? Пожалуйста, укажите свой вопрос. – KittMedia

Можете ли вы уточнить? Какой второй ребенок? Что означает второй ребенок в вашем сознании? – AdamJeffers

Да, я хочу скрыть второй якорь «Второе звено». Мне нужно скрыть второго ребенка, если он существует, как указано в сообщении. – Iscariot

Вы можете выбрать якорь тегов, а также:

#mob-links li > a:nth-child(2) { 
    display: none !important; 
}

Демо: JSFiddle

источник

2015-12-16 08:20:35 KittMedia

Я отредактировал, ваш ответ, но спасибо, что решил мою проблему. – Iscariot

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

#mob-links li :nth-child(2) { 
 
    display: none !important; 
 
}

<ul id="mob-links"> 
 
    <li><a href="../../inventory.php">Inventory</a> 
 
    </li> 
 
    <li><a href="../../ah/">Market</a> <a href="../../ah/">second link</a> 
 
    </li> 
 
</ul>

Когда вы объединить селектора, они применяются на одном уровне. Использование разделителя пробелов выбирает потомков. Вы можете быть более конкретным с помощью селектора прямого потомка (дочерний ...) >.

источник

2015-12-16 08:23:11 Amit

Ох. Я не понимал, что все, что я сделал, было недостатком пространства для разделения типов. Большое вам спасибо за помощь. – Iscariot

@ Искариот - добро пожаловать – Amit

если есть о ссылках в пределах li, то селектор: ~ будет делать. (здесь будет показана только первая ссылка, независимо от того, находится ли текст между ними).

#mob-links li a ~ a { 
 
    display: none; 
 
}

<ul id="mob-links"> 
 
    <li><a href="../../inventory.php">Inventory</a> 
 
    </li> 
 
    <li><a href="../../ah/">Market</a> <a href="../../ah/">second link</a> 
 
    </li> 
 
</ul>

источник

2015-12-16 08:24:14

Невозможно настроить привязку с nth-child

ответ

Смежные вопросы