:first-child e :last-child

« Older   Newer »
 
  Share  
.
  1. M
     
    .

    User deleted


    L'homepage, le sezioni, le discussioni e molte altre parti del forum non sono più "tabellari", sono state convertite in elenchi.

    Inizialmente si era pensato di costruire tali elenchi nel modo seguente
    <ol class="mainbg"><li class="title">

    ma alla luce dell'applicazioni pratiche, si è preferita questa struttura
    <div class="mainbg"><div class="title"></div><ol class="list">

    la quale offre maggiori possibilità d'impiego dei selettori :first-child e :last-child, come ad esempio la modifica della riga adiacente a .title (pensate alla possibilità di colorare .title in un modo e sfumare quel colore nella riga occupata dalla prima discussione).


    In questa skin, :first-child è stato impiegato per bordare tutti i messaggi all'interno delle discussioni, eccettuato l'ultimo:
    CITAZIONE
    /* DISCUSSIONI */
    .topic li .post {padding: 0; border-top: 2px dashed #A9C7AF}
    .topic li:first-child .post {border-top: 0}

    Se .mainbg fosse una lista invece che un div, le classi .title e .foot diventerebbero pressoché inutili, perché equivalenti a :first-child e :last-child.
    Il loro unico merito sarebbe quello di garantire una buona compatibilità coi browser vecchi che han difficoltà a intepretare :first-child e, in particolare, :last-child
     
    .
  2. M
     
    .

    User deleted


    Ho applicato lo stesso criterio anche ad altre pagina

    http://skinlab.forumfree.it/?act=UserCP&CODE=04
    http://skinlab.forumfree.it/?act=Post&CODE=00&f=9689410

    .sunbar e la barra in fondo non fanno parte degli elenchi.


    Ammetto che .mainbg mi sta creando più di un malditesta. Come scritto in un'altra discussione, stavo per toglierlo, ma poi mi avete chiesto di salvarla... ora però bisogna definire una logica sensata.
     
    .
1 replies since 12/4/2011, 15:22   1644 views
  Share  
.