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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Старожил
******

Группа: Active User
Сообщений: 1358
Регистрация: 29.10.2009
Из: г.Москва
Поблагодарили: 338 раз
Репутация:   89  


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

<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


Завсегдатай
*****

Группа: Active User
Сообщений: 751
Регистрация: 25.10.2009
Из: Амстердам
Поблагодарили: 215 раз
Репутация:   32  


<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


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


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

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


Старожил
******

Группа: Active User
Сообщений: 1358
Регистрация: 29.10.2009
Из: г.Москва
Поблагодарили: 338 раз
Репутация:   89  


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 984 Сегодня, 16:01
автор: Nell
Открытая тема (нет новых ответов) Помогите выбрать программу
Помогите выбрать программу
11 impak 1312 Сегодня, 13:11
автор: Mikki
Открытая тема (нет новых ответов) Помогите найти плагин на WP
Отзывы с профилей соц сетей
1 SEOMR 429 30.11.2017, 7:18
автор: Nell
Открытая тема (нет новых ответов) Помогите найти проблему
Долгий ответ сервера
6 maxim1249 664 29.11.2017, 17:27
автор: genjnat
Открытая тема (нет новых ответов) Помогите оценить новотник. Плиз
1 Alex-777 501 29.11.2017, 7:18
автор: grumdas


 



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