0

Всем привет, читаю учебник по JQuery для начинающих и наткнулся на вопрос для проверки знаний. Нужно написать HTML для данного стиля.

#my p.announce, .tt.pm li li a:hover+span { color: #f00; }

Понятно, что вначале должно быть как-то так:

<div id=my>
    <p class=announce><H2 class= "tt pm">
         <ul><li><ul><li>BLAH<li></li></ul></ul> 

Но вот что дальше, понять не могу. Подскажите пожалуйста как бы сделали это вы.

1

2 ответа 2

4

Один из вариантов как это может выглядеть, без лишних элементов.

<div id="my">
    <p class="announce">Announce</p>    
</div>

<ul class="tt pm">
    <li>
        <ul><li><a href="#">Навести</a> <span>Подсветить</span></li></ul>
    </li>
</ul>

https://jsfiddle.net/91f3z4uu/

-1

Не забывайте закрывать теги. a:hover + span - означает следующий span после элемента a при наведенном на него курсоре.

 <div id=my>
        <p class=announce>
            Текст
            <ul class="tt pm">
                <li>
                    <ul>
                        <li>
                            <a href="#">Ссылка</a>
                            <span>Текст при наведении на ссылку</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </p>
    </div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.