AYUDA con el elemento TARGET
Publicado por laura (1 intervención) el 23/10/2018 22:52:29
Buenas lo que quiero es que cada vez que le de a un div desde los enlaces de arriba se cambie el color del div a amarillo y no soy capaz... s dejo el html y el css gracias
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<HTML>
<HEAD>
<TITLE> Laura Fernandez </TITLE>
<link rel="stylesheet" href="estilos3.css" type="text/css" media="all" />
</HEAD>
<BODY>
<ul>
<li><a href="#p1">Primera</li></a>
<li><a href="#p2">Segunda</li></a>
<li><a href="#p3">Tercera</li></a>
</ul><br>
<div class="primer">
<a name="p1"><h1>Este es el contenido de la PRIMERA PESTAÑA</h1></a>
<p>No había margen para el error y el Valencia falló. Quedó claro que no es fácil acomodarse al césped sintético cuando uno está acostumbrado a jugar en hierba natural.</p>
</div>
<div class="segundo">
<a name="p2"><h1>Este es el contenido de la SEGUNDA PESTAÑA</h1></a>
<p>Pero no se le puede echar la culpa a la hierba del estadio suizo. El Young Boys agitó el partido desde el principio temiéndose, quizá, que sus opciones de sorprender al Valencia </p>
</div>
<div class="tercero">
<a name="p3"><h1>Este es el contenido de la TERCERA PESTAÑA</h1></a>
</div>
</BODY>
</HTML>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
li{text-decoration:none;
float:left;list-style:none;
margin:5px;}.primer{
width:100%;
height:300px;background-color:green;
margin:30px;}.segundo{
width:100%;
height:300px;background-color:blue;
margin:30px;}.tercero{
width:100%;
height:70px;background-color:pink;
margin:30px;}li:last-child{
background-color:pink;
}li:first-child{
background-color:green;
}li:nth-child(2){
background-color:blue;
}div:target {
background-color:yellow;
}Valora esta pregunta
0
