Pseudo-class :target

Псевдокласът :target

В CSS3 има нов псевдоклас – :target (подробности може да видите тук).

Този псевдоклас Ви дава възможност да прилагате CSS правило избирателно върху един елемент, в зависимост от това дали той е целта на връзка или не.  Или казано по друг начин CSS правилото се прилага към елемента, когато бъде щракнато върху връзка, насочено към него чрез своя id. Например:

<ul>
<li><a href=“#paragraph1″>Paragraph1</a></li>
<li><a href=“#paragraph2″>Paragraph2</a></li>
<li><a href=“#paragraph3″>Paragraph3</a></li>
</ul>

…..

<p id=“paragraph1″>Paragraph1 … </p>

…..

<p id=“paragraph2″>Paragraph2 … </p>

…..

<p id=“paragraph3″>Paragraph3 … </p>

#paragraph1 {
//Ще се приложи върху параграфа, когато бъде кликнато върху връзката
}
#paragraph2 {
//Ще се приложи върху параграфа, когато бъде кликнато върху връзката
}
#paragraph3 {
//Ще се приложи върху параграфа, когато бъде кликнато върху връзката
}

Това наистина звучи много простичко, но същевременно предлага много много мощни възможности за които ще пиша по подробно някой друг път …

Но все пак един пример за използването на този псевдоклас може да видите използван в сайта тук – SV-Premium