последний дочерний селектор в div

У меня есть родительский div и 3 divs внутри него. Я хочу скрыть последний дочерний div. Я попытался использовать селектор CSS last-child, но он не работает.последний дочерний селектор в div

Порядок дивы:

<div class="wysibb-toolbar"> 
    <div class="wysibb-toolbar-container"></div> 
    <div class="wysibb-toolbar-container"></div> 
    <div class="wysibb-toolbar-container">//(This is to be made display:none) 
     <div class="wysibb-toolbar-btn wbb-code" jQuery110208619481903000815="71"></div> 
     <div class="wysibb-toolbar-btn wbb-code" jQuery110208619481903000815="71"></div> 
    </div> 
</div>

Я попытался это:

div.wysibb-toolbar div:last-child { 
    display:none; 
}

источник

2015-04-09 Deepika

У вас есть опечатка в вашей собственности CSS. Это 'display', а не' disply'. Если это исправляет вашу проблему, я бы рекомендовал удалить ваш вопрос, чтобы избежать закрытия/закрытия вопроса. Если это не решит вашу проблему, нам нужно будет увидеть больше кода, потому что 'display: none;' работает для меня с этим HTML. – TylerH

Ах, Извините, скорректировав тип. Но все же это не работает – Deepika

вы уверены, что это ваша настоящая разметка? – fcalderan

Ваша проблема в том, что у вас есть неправильно набранные слова display и пишется это disply

Try это

div.wysibb-toolbar div:last-child { 
 
    display: none; 
 
}

<div class="wysibb-toolbar"> 
 
    <div class="wysibb-toolbar-container">Test 1</div> 
 
    <div class="wysibb-toolbar-container">Test 2</div> 
 
    <div class="wysibb-toolbar-container">Test 3 (should be hidden)</div> 
 
</div>

источник

2015-04-09 14:14:07 Stewartside

Кажется, что это была только опечатка; OP с тех пор отредактировал свой вопрос, чтобы добавить отсутствующий «a». – TylerH

Исправлена опечатка. Все еще не работает. последний div имеет два div внутри genrated. Обновлен код. Является ли код неудачным из-за jquery? Извините Если я слишком наивен. – Deepika

У меня нет доступа к HTML-файлу, который сгенерировал JQuery или пользовательский интерфейс. Можно просто изменить интерфейс, переопределив классы с помощью файла css. Ищем другую альтернативу ... – Deepika

Попробуйте

div.wysibb-toolbar>div:last-child { 
    display:none; 
}

или просто

div.wysibb-toolbar-container:last-child{ 
display:none; 
}

или более общий

div.wysibb-toolbar>div.wysibb-toolbar-container:last-child{ 
display:none; 
}

источник

2015-04-09 14:25:14 Tuhin

селектор: последний ребенок соответствует каждому элементу, который является последний ребенок своего родителя .Try это JSFIddle

.wysibb-toolbar-container:last-child { 
    display:none; 
    }

источник

2015-04-09 14:29:11

последний дочерний селектор в div

ответ

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