[CSS] & [JQUERY] [selettore] :target

:target (selettore CSS e jQuery) riguarda gli elementi HTML di tipo <a> quando le relative ancore dei link siano cliccate.

Sintassi

:target {
  /* codice */
}

Esempi

<style>
div {
    display: none;
}
div:target {
    display: block;
}
</style>
<a href="#link1">Link 1</a>
<a href="#link2">Link 2</a>
<a href="#link3">Link 3</a>
<div class="tab">
 <div id="link1">
  <p>Contenuto link 1</p>
 </div>
 <div id="link2">
  <p>Contenuto link 2</p>
 </div>
 <div id="link3">
  <p>Contenuto link 3</p>
 </div>
</div>

Link 1
Link 2
Link 3

Contenuto link 1

Contenuto link 2

Contenuto link 3

Contenuti correlati

  • CSS
  • HTML
  • JavaScript
  • jQuery
  • PHP
  • SQL
  • WORDPRESS

Fonti esterne

css, jquery, selettori css e jquery

Related Articles

0 Comment

Rispondi