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



 

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

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


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

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


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

<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
Сообщений: 1360
Регистрация: 29.10.2009
Из: г.Москва
Поблагодарили: 339 раз
Репутация:   90  


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

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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Помогите, пожалуйста, моей дочери выжить!
благотворительный топик
30 vitvirtual 3781 19.5.2018, 8:30
автор: vitvirtual
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 397 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Продвигаю страницу по запросу "Как сделать игру". Помогите советом, пожалуйста
Я секу в теме! Но подать статью угодным поисковикам образом не смо
22 coremission 2184 8.5.2018, 12:33
автор: coremission
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 627 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Помогите с выбором ноута
20 rokot 901 23.4.2018, 12:09
автор: Room


 



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