изменение родительского css

@-MaZaHaKa- · Регистрация: 30.09.2013

Author24 — интернет-сервис помощи студентам

Вопрос таков:

есть например список

HTML5

<ul>
<li>Пункт 1</li>
<li>Пункт 2</li>
</ul>

Скажите, возможно ли без js и прочих примочек при наведении указателя на

HTML5

1	<li>Пункт 1</li>

менять css стили для

HTML5

<ul>

Если нельзя без примочек - подскажите тогда с примочками

@Web-ulyanov · 08.10.2013, 16:50

-MaZaHaKa-,

http://jsfiddle.net/kgntx/

HTML5

<div id="links_block">
    <a href="#" class="link 1">Link 1</a><br />
    <a href="#" class="link 2">Link 2</a><br />
    <a href="#" class="link 3">Link 3</a><br />
</div>

CSS

#links_block{
    width:80px;
    padding:10px;
}

Javascript

$(document).ready(function(){
    $("#links_block a").hover(function(){
        var numLink = $(this).attr("class").match(/[0-9]+/gi);
        numLink = parseInt(numLink, 10);
        switch(numLink){
            case 1:
                $(this).parent().css("backgroundColor","#F00");
                break;
            case 2:
                $(this).parent().css("backgroundColor","#FF0");
                break;
            case 3:
                $(this).parent().css("backgroundColor","#0F6");
                break;
        }
    });
});

Комментарий модератора

Правила форума пункт 5.19

Запрещено размещать ссылки на коды программ, расположенные на других сайтах. Коды программ должны размещаться на форуме.

	08.10.2013, 16:50