Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
lomakin
3 / 3 / 2
Регистрация: 18.12.2015
Сообщений: 189
#1

Даем родителю стили - HTML, CSS

24.03.2017, 23:38. Просмотров 100. Ответов 3
Метки нет (Все метки)

Вот есть такая загадка
HTML5
1
2
3
4
<ul id="vertical-multilevel-menu">
<li>текст</li>
    <li><a href="#" class="root-item-selected">ТЕКСТ</a></li>
</ul>
Вот у меня для li задан background-image и мне нужно такой "бред" когда есть в li класс root-item-selected мне нужно что-бы к этому классу добавлялся еще background-color
http://www.cyberforum.ru/html/thread1817221.html
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
24.03.2017, 23:38
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Даем родителю стили (HTML, CSS):

Отобрать элемент от дочернего к родителю CSS
Приветствую... Как ясно из темы у меня проблема с отбором элемента... Есть...

Обращение к родителю при hover дочернего блока
Всем доброго времени суток! Сразу приведу пример html-кода: &lt;div...

Не видит стили
Не могу понять, в чем дело... Ни в какую не видит css. Не знаете, в чем дело? ...

Не применяются стили к td
Добрый вечер! не применяются стили к тегу td код html: &lt;table &gt; &lt;tr&gt;...

СТроковые стили
Строковые стили имеют самый высокий приоритет относительно других стилей. Как...

3
mrtoxas
Модератор
Эксперт HTML/CSS
2548 / 1885 / 1177
Регистрация: 12.07.2015
Сообщений: 5,091
Записей в блоге: 3
24.03.2017, 23:44 #2
Такая структура списка невозможна, в принципе, как и ваша задумка Изменить стили родителя можно посредством js.
Или добавляйте класс root-item-selected не для ссылки, а для элемента списка и потом уже назначайте стили для ссылки так:
CSS
1
.root-item-selected a{}
0
lomakin
3 / 3 / 2
Регистрация: 18.12.2015
Сообщений: 189
24.03.2017, 23:46  [ТС] #3
mrtoxas, я тоже думаю за js но у меня не хватает опыта сделать ) написал только такое
Javascript
1
2
3
4
5
6
7
8
    $(document).ready(function () {
        if($('*').is('.root-item-selected')) {
            $("#menuleft #vertical-multilevel-menu li>a.root-item-selected").css("background-color","#fd7f91");
        }
        else {
 
        }
    });
Проблема что назначает всем li
0
anttoshka
9 / 9 / 3
Регистрация: 06.06.2016
Сообщений: 48
24.03.2017, 23:55 #4
Такой код можно использовать. Но лучше сделать как написал mrtoxas.
Javascript
1
2
3
$(document).ready(function () {
   $(".root-item-selected").parent().css("background-color","#fd7f91");
});
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
24.03.2017, 23:55
Привет! Вот еще темы с решениями:

Не работают стили
не работает бэкграунд картинка. я все правильно подключаю, все правильно...

Стили для IE
Скажите плиз как можно задать стили спецално для IE! Сайт выглядит норм в...

Не применяются стили
Вот мой html код &lt;!DOCTYPE html public &quot;-//W3C//DTD HTML 4.0...

Не работают стили
Всем привет) Написал простой макет. Не работают стили. Не пойму почему. \...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru