X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с CSS, списки вложенные
Solonik
Solonik
Topic Starter сообщение 25.10.2013, 16:59; Ответить: Solonik
Сообщение #1


Есть такая структура

<ul class="box-category">
            <li class="haschild">
                <a></a>
                        <ul>
                    <li>
                         <a></a>
                      </li>
                    <li>
                         <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                    <li>
                         <a></a>
                      </li>
                    <li>
                        <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                    <li>
                         <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                    <li>
                         <a></a>
                      </li>
                    <li>
                         <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                    <li>
                          <a></a>
                      </li>
                  </ul>
              </li>



Нужно чтобы при выделении ячейки менялся background
делаю через hover получается но вложенный список потом весь выделяется а не каждая ячейка

ul.box-category   li.haschild:hover{
    background-color: rgba(159, 247, 66, 0.56);
    
}


Помогите кто знает!


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sdrc26
sdrc26
сообщение 25.10.2013, 17:37; Ответить: sdrc26
Сообщение #2


<ul>
    <li>
        <a></a>
    </li>
    <li>
        <a></a>
    </li>
    <li>
        <a></a>
    </li>
    <li>
        <a></a>
    </li>
    <li>
        <a></a>
    </li>
</ul>


li:hover {
    background-color: rgba(159, 247, 66, 0.56);
}


--------------------
__________________AMSTERDAM__________________

ISPmgr Lite / Pro - 3 / 5.5 EUR в месяц или 22 / 40 EUR Вечная

P.S. Занимаюсь предоставлением услуг Хостинга с 2007-ого года


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 25.10.2013, 17:50; Ответить: rjksdfhe
Сообщение #3


Или, в старой структуре:

ul.box-category li.haschild li:hover {
    background-color: rgba(159, 247, 66, 0.56);
}


UPD: CODE

Это, если выделать все
                    <li>
                         <a></a>
                      </li>

при наведении на них, а не общий

<li class="haschild">
            <!-- всё что внутри -->
</li>


Или опишите цель попонятнее.

Сообщение отредактировал rjksdfhe - 25.10.2013, 17:42


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Solonik
Solonik
Topic Starter сообщение 25.10.2013, 21:22; Ответить: Solonik
Сообщение #4


ВОоо всем спасибо большое за помощь, а то уже мозг кипит))) Спасибо Огромное..!!!!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 732 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3495 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3426 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6461 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1669 3.3.2021, 12:22
автор: kozak199110


 



RSS Текстовая версия Сейчас: 25.4.2024, 23:34
Дизайн