Appunti di informatica: CSS

Vediamo come nacondere parti di html o aggiungere per esempio un separatore senza toccare il codice html, ma agendo solo sul css. Il problema ke cerco di risolvere e' quello di un plug-in di wp, ke lista una serie di corsi. Non volenod toccare il codice html prodotto dal plug-in, l'idea di base e' quella di agire sul solo css.
Vediamo cosa sono riuscito ad ottenere:

Da link minuscolo -> pulsante a destra:

a.a_register_link{
padding:5px;
text-transform: capitalize;
float:right;
color:white;
background:green;
}

Nascondere dei campi o degli elementi:

display:none;

ad esempio:
.only-search {
display:none;
}

Aggiungere una linea dopo ogni elemento:

.event_data {
margin:10px 5px 60px 5px;
padding-bottom:40px;
border-style:solid;
border-bottom:thin solid green;
}

interessante la possibilita' di aggiungere del contenuto prima e dopo, come segue:
.element:before { content: "Hello" }
.blockquote:after { content: "Hello2"; }

Attenzione: IE8 supporta la proprieta' "content" solo se !DOCTYPE e' specificato.

Per ora comunque sto cercando di non usarla.