CSS селектор в URL - PullRequest
Новая
       27

CSS селектор в URL

2 голосов
/ 25 февраля 2012

Когда у вас есть URL-адрес, подобный этому www.example.com/#signup, браузер просто фокусирует свой взгляд на элементе HTML с идентификатором signup, верно?

Можно ли изменитьстиль CSS элемента, если он сфокусирован таким образом?

Например, скажем, у меня есть элемент div с идентификатором signup, тогда, если я введу www.example.com, фон div будетбелый, и если я введу www.example.com/#signup, это желтый.Как "подчеркивание" формы регистрации.Это вообще возможно?

Ответы [ 2 ]

7 голосов
/ 25 февраля 2012 
:target { background-color: yellow; }

Псевдо-класс :target делает именно это.

1 голос
/ 25 февраля 2012

Вы можете прочитать свойство window.location.hash при загрузке страницы и применить соответствующий класс CSS. Что-то вроде: 

<script type='text/javascript>
function init(){ 
    var hash = window.location.hash.substr(1);
    var element = document.getElementById(hash);
    if(element){
        element.className += " emphasize";
    }
}
</script>

<body onload="init()">
...
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...