color div:hover y ahref

[RocoBox3000]

Hola amigos.
Tengo un pequeña duda en css que no consigo resolver
Tengo un div que contiene un "texto" y un "a href".
Al pasar el raton por cualquier parte del div, cambia el color de fondo y el color del texto. El problema es que quiero que tambien se cambie el color del texto del "a href".

A continuacion os dejo un ejemplo

--------------------------------------------------------------------------------

<style type="text/css">
.ejemplo { position:relative; width:400px; height:260px; background-color:#ff0000;}
.ejemplo:hover { background-color:#000; color:#fff;}
.texto { text-align:center; color:#000;}
</style>

<div class="ejemplo">
texto1
<a href="#" class="texto">texto2</a>
</div>

--------------------------------------------------------------------------------


un saludo

[desoler]

Hola,

Si lo que quieres es cambiar el color de la class texto debes poner poner dentro del style
a:hover{
color:yellow; // el color que quieres se entiende
}

espero te sirva

[lilmaster]

Iniciado por RocoBox3000

Hola amigos.
Tengo un pequeña duda en css que no consigo resolver
Tengo un div que contiene un "texto" y un "a href".
Al pasar el raton por cualquier parte del div, cambia el color de fondo y el color del texto. El problema es que quiero que tambien se cambie el color del texto del "a href".

A continuacion os dejo un ejemplo

--------------------------------------------------------------------------------

<style type="text/css">
.ejemplo { position:relative; width:400px; height:260px; background-color:#ff0000;}
.ejemplo:hover { background-color:#000; color:#fff;}
.texto { text-align:center; color:#000;}
</style>

<div class="ejemplo">
texto1
<a href="#" class="texto">texto2</a>
</div>

--------------------------------------------------------------------------------


un saludo

amigo primero que todo este es la seccion de php, pero te respondo puedes hacer esto

Código HTML:

.texto:hover{
  
   color:"red";// tu pones el color al que quiere que cambie

}

[desoler]

es verdad, eso es de css,

igualmente lo correcto seria meterlo dentro de una etiqueta span para asi poder poner varios href y que puedes manejar cada uno por separado:

<style type="text/css">
.ejemplo { position:relative; width:400px; height:260px; background-color:#ff0000;}
.ejemplo:hover { background-color:#000; color:#fff;}
.texto { text-align:center; color:#000;}
.texto a:hover{
color:yellow;
}
</style>

<div class="ejemplo">
texto1
<span class="texto"><a href="#" >texto2</a></span>

Saludos

[sjam7]

Iniciado por lilmaster

amigo primero que todo este es la seccion de php, pero te respondo puedes hacer esto

Código HTML:

.texto:hover{
  
   color:"red";// tu pones el color al que quiere que cambie

}

O asi para que tambien afecte a las A...

Código CSS:

.texto:hover,
.texto:hover a{
  
   color:"red";// tu pones el color al que quiere que cambie
 
}
 

[lilmaster]

Iniciado por sjam7

O asi para que tambien afecte a las A...

Código CSS:

.texto:hover,
.texto:hover a{
  
   color:"red";// tu pones el color al que quiere que cambie
 
}
 

[RocoBox3000]

Uy, creo que no me explique bien.
Si poniendo:
texto:hover o texto a:hover... se cambia el color del enlace , pero solo si paso el raton por encima de el.
Lo que quiero es que se cambie al pasar el raton por cualquier parte del div.. aunque no toque el enlace, como sucede con el texto normal que contiene ese div.

saludos

[sjam7]

Código CSS:

.ejemplo:hover,
.ejemplo:hover a{
  
   color:"red";// tu pones el color al que quiere que cambie
 
}
 

[RocoBox3000]

si, si que funciona.
Muchas gracias :)