a:link etc etc che non và

[fabrrrri]

<div id="post"> <?php the_content(); ?> <p class="link">[url="link"]Mio link[/url]</p></div>

css:

#post { font-size: 12px; font-family: Verdana, Arial, Tahoma; color: #000000; text-decoration: none; line-height: 18px; text-align: justify; } 
#post img { margin: 5px 0px; } 
#post a { font-size: 12px; font-family: Verdana, Arial, Tahoma; color: #0A71DA; text-decoration: underline; } 

.link { padding-bottom: 5px; border-bottom: 1px dotted #509CEA; margin-bottom: 15px; margin-top:5px; text-align:center; }  
.link a  { font: bold 30px Verdana, Arial, Tahoma; color: #509CEA; text-decoration: none; } 

Perchè "link a" non và ? Lo stile del link cambia solo se altero "post a"

[fcaldera]

Originariamente inviato da fabrrrri

Perchè "link a" non và ? Lo stile del link cambia solo se altero "post a"

a parte che l'elemento con classe link è già un elemento <a>
quindi [.link a] non corrisponde a nessun elemento, nel tuo caso semmai è solo [a.link]

ma anche se scrivi così il css non verrà applicato, perché un id è più specifico di una classe e quindi [#post a] sarà applicato, anche se l'ordine delle regole è tale da presentare [a.link] in coda

quindi, in ultima, cambia in [#post a.link]

[fabrrrri]

Originariamente inviato da fcaldera
a parte che l'elemento con classe link è già un elemento <a>
quindi [.link a] non corrisponde a nessun elemento, nel tuo caso semmai è solo [a.link]

ma anche se scrivi così il css non verrà applicato, perché un id è più specifico di una classe e quindi [#post a] sarà applicato, anche se l'ordine delle regole è tale da presentare [a.link] in coda

quindi, in ultima, cambia in [#post a.link]

Ho capito grazie.

Ma solitamente non si scrive:

.link a:link
.link a:visited
.link a:hover
.link a:active {
....
}

Se uno volesse evitare di scrivere tutti e 4 non basta scrivere ?

.link a{
....
}