porqué se escribe distinto una Pseudo clase?

[jorgeteChileno]

hola amigos.. tengo una duda de porque hay veces que las clases se escriben distinto... ej.:

a .clase:hover {};

.clase a:hover{};

cual es el concepto que debo conocer a esta diferencia?? o es lo mismo?

gracias..

[cristian_cena]

Se escribe distinto supongo porque es un plus que va mas allá de lo que compete a css. La cuestión con las pseudoclases y pseudoelementos es que amplian un poco las capacidades de css. Un hover (por ejemplo) que se haría con javascript pasa a ser posible de llevar a cabo y de manera simple con css, y así con lo demás.

Saludos.

[ArturoGallegos]

compañero @jorgeteChileno se escribe diferente la regla CSS para ser mas específicos a que elementos queremos afectar....

por ejemplo

Código CSS:

.clase{...}/*afecta a cualquier elemento con dicha clase*/
a .clase{...}/*afecta a cualquier elemento con dicha clase que se encuentre dentro de un link*/
a.clase{...}/*afecta solo a los links que tengan dicha clase*/
.clase a{...}/*afecta a todos los links que se encuentren dentro de un elemento con dicha clase*/
 

si me equivoco que alguien me corrija pero así es como yo veo que afecta

[jorgeteChileno]

GRACIAS chicos por la respuestas.. Ag666tu respuesta es lo que buscaba... ahora sabes si hay algun sitio donde salga esto?

[ArturoGallegos]

pues un sitio que contenga todo la verdad no me viene a la mente, creo que mas bien seria buscar en google

selectores CSS
selectores adyacentes CSS
selectores hermanos adyacentes CSS
selectores avanzados CSS
selectores hijo CSS

y alguno que otro que se me este olvidando lo encontraras hay de paso, el ejemplo que yo coloque en mi respuesta anterior se queda corta comparada con la cantidad de opciones que tenemos en cuanto a selectores, sumado a esto también deberías buscar sobre las pseudo-clases CSS que sirven para ampliarnos aun mas la funcionalidad del CSS.

Como dijo el compañero cristian lo que antes era solo con javascript ahora es posible con selectores y pseudo clases CSS

[jorgeteChileno]

Eso no lo conocia... SUPER!!!!! gracias compañero.

en resumidas cuentas agrego uno mas a la Respuesta de Ag666... "asi es como se plantea esta sintaxis de selector de clase css."

.clase {...} /* afecta a cualquier elemento con dicha clase */
a .clase {...} /* afecta a cualquier elemento con dicha clase que se encuentre dentro de un link */
a.clase {...} /* afecta solo a los links que tengan dicha clase*/
.clase a {...} /* afecta a todos los links que se encuentren dentro de un elemento con dicha clase *
.clase, a {...} /* afecta a todos los links y elemento con dicha clase */


espero que siva a todos.

[ArturoGallegos]

edito leí mal jeje

aun así seria conveniente dejar claro que afecta a todos los links del sitio

Código CSS:

.clase, a  {...}     /*  afecta a todos los elementos con dicha clase    y a todos los links del sitio */
 

[_cronos2]

Iniciado por Ag666

pues un sitio que contenga todo la verdad no me viene a la mente

¿Qué tal la documentación oficial? Quizás es un poco espesa, pero más fiable que eso no lo hay.
Saludos (:
PD: Esa documentación va en relación a los selectores de CSS2, en CSS3 se han producido grandes mejoras.

[cristian_cena]

Iniciado por _cronos2

¿Qué tal la documentación oficial?

Añadir que:
Esta es la especificación para css2 traducida al español. (no es oficial creo, pero esta genial)