Почему не изменяется цвет последнего слова?
<ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Наши проекты</a></li> <li><a href="#">Цены на ремонт</a></li> <li><a href="#">Отзывы клиентов</a></li> <li><a href="#">Расчет стоимости</a></li> <li><a href="#">Контакты</a></li> <p class="set-question">Задать вопрос</p> <div class="svg-icons"> <img src="img/Vector(4).svg" alt=""> <img src="img/Vector(1)(1).svg" alt=""> <img src="img/Vector(2)(1).svg" alt=""> <img src="img/Vector(3)(1).svg" alt=""> </div> </ul> |
<ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Наши проекты</a></li> <li><a href="#">Цены на ремонт</a></li> <li><a href="#">Отзывы клиентов</a></li> <li><a href="#">Расчет стоимости</a></li> <li><a href="#">Контакты</a></li> <p class="set-question">Задать вопрос</p> <div class="svg-icons"> <img src="img/Vector(4).svg" alt=""> <img src="img/Vector(1)(1).svg" alt=""> <img src="img/Vector(2)(1).svg" alt=""> <img src="img/Vector(3)(1).svg" alt=""> </div> </ul>
.set-question { position: relative; color: #000000; top: 10%; font-size: 18px; } .menu li:last-child{ color: #F05A26; } @media screen and (max-width: 1920px) { .burger-menu { display: flex; } .menu { display: none; flex-direction: column; position: absolute; top: 50px; left: 20px; background-color: #00000010; padding: 10px; height: 60%; } .menu.active { display: flex; } } |
.set-question { position: relative; color: #000000; top: 10%; font-size: 18px; } .menu li:last-child{ color: #F05A26; } @media screen and (max-width: 1920px) { .burger-menu { display: flex; } .menu { display: none; flex-direction: column; position: absolute; top: 50px; left: 20px; background-color: #00000010; padding: 10px; height: 60%; } .menu.active { display: flex; } }
есть псевдокласс к последнему элементу, но почему то цвет не поменялся
Дополнительно:
Ответы:
1. Внутри UL можно только LI на первом уровне
2. :last-child применяется к последнему элементу без фильтрации по тегу / классу, а у вас там последний div
li:last-child означает элемент li, который является последним потомком своего родителя. У вас последний потомок - div.
- Вы не совсем правы. Последний потомок берется на первом уровне вложенности. А это div.
- Дмитрий, Действительно. В коде всё на одном уровне, вот и не обратил внимания.
<ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Наши проекты</a></li> <li><a href="#">Цены на ремонт</a></li> <li><a href="#">Отзывы клиентов</a></li> <li><a href="#">Расчет стоимости</a></li> <li><a href="#">Контакты</a></li> <li class="set-question">Задать вопрос</li> <li class="svg-icons"> <img src="img/Vector(4).svg" alt="icon 1"> <img src="img/Vector(1)(1).svg" alt="icon 2"> <img src="img/Vector(2)(1).svg" alt="icon 3"> <img src="img/Vector(3)(1).svg" alt="icon 4"> </li> </ul> |
<ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Наши проекты</a></li> <li><a href="#">Цены на ремонт</a></li> <li><a href="#">Отзывы клиентов</a></li> <li><a href="#">Расчет стоимости</a></li> <li><a href="#">Контакты</a></li> <li class="set-question">Задать вопрос</li> <li class="svg-icons"> <img src="img/Vector(4).svg" alt="icon 1"> <img src="img/Vector(1)(1).svg" alt="icon 2"> <img src="img/Vector(2)(1).svg" alt="icon 3"> <img src="img/Vector(3)(1).svg" alt="icon 4"> </li> </ul>
li:nth-last-child(3) a { color: red; } |
li:nth-last-child(3) a { color: red; }
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы понять, почему не изменяется цвет последнего слова, необходимо проанализировать код, который вы используете для изменения цвета текста. Возможно, причина кроется в том, что вы применяете стили к тексту неправильно или есть какие-то ошибки в CSS.
Один из возможных вариантов, почему цвет последнего слова не меняется, может быть связан с тем, что вы применяете стиль к тексту, но забыли закрыть тег или указать правильные параметры.
Приведу пример кода на языке PHP, где задается стиль для изменения цвета текста:
<?php echo "<p style='color: red'>Это красный текст</p>"; echo "<p style='color: blue'>Это синий текст</p>"; ?>
Если вы хотите изменить цвет последнего слова в предложении, вы можете использовать следующий код:
<?php echo "<p>Это <span style='color: green'>зеленый</span> текст</p>"; ?>
Убедитесь, что у вас правильно указаны параметры стилей и закрывающие теги. Также важно помнить, что порядок применения стилей может влиять на результат, поэтому убедитесь, что ваш стиль не перекрывается другими стилями.
Если проблема все еще остается, пожалуйста, предоставьте больше информации или кода для более детального анализа.