Last-типа и Last-Of-ребенка

HTML:Last-типа и Last-Of-ребенка

<div class="plan-box"> 
    <h3>...</h3> 
    <p>...</p> 
</div> 

<div class="plan-box"> 
    <h3>...</h3> 
    <p>...</p> 
</div>

CSS:

.plan-box:last-of-type { 
    ... 
}

В приведенном выше коде CSS, если я использую last-of-type или last-child селектор CSS на .plan-box будет выбирать last-child как в поле .plan-box, которое является абзацем, либо выберет второй .plan-box div в H TML-код?

источник

2015-12-22 LP496

Вы должны проверить его и узнать. – Mike

Вы можете найти [здесь] (https://jsfiddle.net/ice_frog/pkgvdrmw/), он будет вторым. –

Oh arite, Спасибо! Я понял. @ShekharPankaj Итак, если у меня было три div.plan-box, и я хотел выбрать второй, который мне понадобился бы для JS. – LP496

.plan-box:last-child Выбирает последний из plan.box элемента

.plan-box :last-child Выбирает последние элементы всех plan.box элементов

Css Selectors

источник

2015-12-22 08:08:28

Я попытался использовать last-child, но он по-прежнему выбрал последний элемент .plan-box. – LP496

Вы обратили внимание на пространство между .plan-box и последним ребенком? Вот пример. https://jsfiddle.net/1kdng2bj/ –

Я пропустил это пространство! Итак, для всех селекторов вам нужно пробежать после класса или элемента css, который вы выбираете, но для классов psuedo вам не нужно пространство? – LP496

Он выберет второй .plan-boxdiv в коде HTML.

См Link here

Опять вы можете легко выбрать любой ребенок div с CSS .example является Here Я использовал здесь .plan-box:nth-child(2) {} для выбора второго div.

источник

2015-12-22 07:59:53

Last-типа и Last-Of-ребенка

ответ

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