Есть ли только способ CSS выбрать последний вложенный элемент по имени класса?
.parent .child:last-child {
color: red;
}<div class = "parent">
<div class = "child">
text
<div class = "child">
text
<div class = "child">text</div>
</div>
</div>
</div>Мне бы хотелось, чтобы текст последнего вложенного дочернего элемента имел красный цвет шрифта. это достижимо только с помощью CSS?
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
50
3
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 3
Ответ принят как подходящий
Вы можете использовать селектор :not() в сочетании с :has() для динамического выбора самого внутреннего .child div:
.child:not(:has(.child)) {
color: red;
}<div class = "parent">
<div class = "child">
text
<div class = "child">
text
<div class = "child">text</div>
</div>
</div>
</div>селектор будет чем-то вроде div с дочерним элементом класса, у которого нет дочернего элемента с дочерним элементом класса: .child:not(:has(.child))
.child:not(:has(.child)) {
color: red;
}<div class = "parent">
<div class = "child">
text
<div class = "child">
text
<div class = "child">text</div>
</div>
</div>
</div>Вы можете сделать, как предложено выше, или можете один раз ввести встроенный CSS в нужный вам селектор, например.
<div class = "parent">
<div class = "child">
text
<div class = "child">
text
<div class = "child" style = "color: red;">text</div>
</div>
</div>
</div>Другие вопросы по теме
Позиция: липкий не работает в объединенной ячейке
Проблемы доступности тегов span/mark, вложенных в абзацы
CSS и JavaScript не применяются правильно после переноса содержимого HTML в компонент приложения Angular из-за проблем с инкапсуляцией просмотра и порядком загрузки скриптов
Как создать текст с эффектом градиента и тиснения в CSS
Невозможно сделать столбец закрепленным в таблице
Создание 3D-среды планеты
Как создать элемент с горизонтальной прокруткой и эффектом наложения при наведении в HTML/CSS?
Как я могу скопировать идентификатор из div в идентификатор CSS?
Цветной div на основе положительного или отрицательного значения также отображает текст
Примените эффект пульса/дыхания к границе карты премьеры
Похожие вопросы
Проблемы доступности тегов span/mark, вложенных в абзацы
Кнопка воспроизведения звука запускает фантомный второй щелчок, когда currentTime изменяется программно, предотвращая воспроизведение
CSS и JavaScript не применяются правильно после переноса содержимого HTML в компонент приложения Angular из-за проблем с инкапсуляцией просмотра и порядком загрузки скриптов
Как создать текст с эффектом градиента и тиснения в CSS
Невозможно сделать столбец закрепленным в таблице
Проверка PHP не работает, когда мы обрабатываем вошедший в систему процесс
Создание 3D-среды планеты
Как создать элемент с горизонтальной прокруткой и эффектом наложения при наведении в HTML/CSS?
Цветной div на основе положительного или отрицательного значения также отображает текст
Как сделать выпадающее меню Bootstrap 5.2 на всю ширину страницы
очень умный. Спасибо.