Así que estoy usando el complemento Stylish para editar una página web a mi gusto. Hay un elemento ul y quiero que algunos de los elementos se conviertan en íconos y algunos desaparezcan. Así que lo configuré todo y funciona bien. Sin embargo, a veces el sitio web agrega un elemento más a la lista y lo arruina todo porque estoy usando selectores de n-ésimo niño y obviamente cuando el número de cada elemento cambia, rompe mi css.

Entonces, me preguntaba si hay una mejor manera de seleccionar los elementos li que no sean nth-child. ¿Una forma más específica? Cada uno de ellos tiene un encabezado ... ¿hay alguna forma de usarlo para seleccionarlos?

Otra idea que acabo de tener es que tal vez podría contar hacia atrás desde el último li porque el nuevo elemento de la lista se agrega hacia la parte superior ... ¿hay alguna manera de hacerlo?

-4
Lemons 15 dic. 2016 a las 02:21

2 respuestas

La mejor respuesta
<style>
li:last-child {
 /* style goes here*/
}
</style>

Lo llevará al último elemento de la lista si es a eso a lo que se refiere

0
bob 14 dic. 2016 a las 23:28

Puede utilizar otro selector como un atributo, por ejemplo, el atributo data.

Además, puede utilizar otros selectores, por ejemplo, un class o id

HTML:

<ul>
    <li id="id-1" class="id-1" data-id="1">Element</li>
</ul>

CSS:

li#id-1{
    //something...
}
// or
li.id-1{
    // something...
}
// or
li[data-id="1"]{
    // something...
}

Actualizado :

CSS:

li:first-of-type{
    // something...
}
// or

li:last-of-type{
    // something...
}

Saludos

1
Radames E. Hernandez 15 dic. 2016 a las 00:32