Pagina 1 di 1
eliminare border-top
Inviato: 15/11/2015, 0:19
da alex75
Ciao ragazzi, dovrei togliere il border-top nel .dropdown soltanto al .quote-icon.
Non riesco a combinare il giusto CSS.
Riesco a toglierli a tutti insieme , ma non singolarmente.
Così funziona per tutti:
.dropdown li {
border-top: 0;
}
ho aggiunto .quote-icon e non funziona.
Scusate la formattazione, ma sono dal cellulare.
Re: eliminare border-top
Inviato: 15/11/2015, 1:23
da Sir Xiradorn
Usa lo :nth-child() e il numero dell'elemento in parentesi
Re: eliminare border-top
Inviato: 15/11/2015, 8:12
da alex75
OK grazie, più tardi appena rientro provo.
Ma mi sorge un dubbio; il numero indica la posizione nella colonna? Oppure ognuno ha il suo numero univoco? Perché in base all'utente, se moderatore o autore del post ad esempio, il numero delle icone presenti cambia.
Re: eliminare border-top
Inviato: 15/11/2015, 14:29
da alex75
Funziona... ma come avevo immaginato il numero intende la posizione e quindi non va bene per tutti gli utenti.
Ma dato che per fortuna il tasto quote è sempre l'ultimo ho risolto così:
Codice: Seleziona tutto
.dropdown li:last-child{
border-top: 0;
padding-top: 0;
}
Grazie per avermi messo comunque sulla strada giusta
Re: eliminare border-top
Inviato: 15/11/2015, 22:09
da Sir Xiradorn
Attenzione però Quello è uno pseudo selettore Css3. Non funziona su Css2
Re: eliminare border-top
Inviato: 15/11/2015, 23:49
da alex75
credevo di aver risolto, ma di fatto mi toglie il bordo in tutti gli ultimi link dei dropdown.
cerco di spiegare meglio cosa voglio fare, magari c'è una strada più semplice.
ho eliminato il tasto quote così:
il tasto è scomparso senza conseguenze, ma in modalità responsive nel menù a tendina anche se non c'è più il link "Cita" è rimasto il suo border-top.
Re: eliminare border-top
Inviato: 16/11/2015, 0:29
da alex75
Credo di esser riuscito a circoscrivere l'eliminazione del bordo soltanto al dropdown interessato, così:
Codice: Seleziona tutto
.post-buttons .dropdown li:last-child{
border-top: 0;
}
Sir Xiradorn ha scritto:Attenzione però Quello è uno pseudo selettore Css3. Non funziona su Css2
non funziona dove? su vecchi browser?
Re: eliminare border-top
Inviato: 16/11/2015, 2:27
da Sir Xiradorn
Si e non funge su alcuni browser mobile. Attenzione quando usi il css3
Re: eliminare border-top
Inviato: 16/11/2015, 22:01
da alex75
ok grazie
comunque sto cercando una soluzione che sia mirata esclusivamente al .quote-icon nel drop menù.
Perchè ad esempio con la thanks for post installata, è il pollice ad essere per ultimo in lista e non più il tasto quote.
Re: eliminare border-top
Inviato: 17/11/2015, 0:18
da alex75
problema risolto.
ci ho girato tanto intorno... alla fine la via era semplicissima, ho creato una classe e l'ho poi richiamata da css.