Como usar "last-child" y "first-child"
Hola amigos!
Hoy les enseñaré como aplicar esto a MyBB
¿Qué hace esto?
Podrás dar estilo extras al primero y al último <td> con el mismo class!
En decir, si tú en una tabla tienes <td> con el class5 thead podrás hacer que el primero y el último sea bordeado mientras que el otro no sin editar nada del html y ni agregar más class al css :thumbsup:
Y aquí la pregunta de todos:
¿Qué pasa si es solo una tabla con un único <td>?
Que se aplicará el fist y el last child :3
Aquí os dejo un ejemplo de como tiene MyBB-Es y os explico sus divisiones :3
![[Image: ejemplomf.png]](http://img207.imageshack.us/img207/251/ejemplomf.png)
Los cuadros verdes son las propiedades <td> con su class thead como todas pero con la propiedad del css last-child y firts-child
Entonces en el css quedaría algo así:
Espero que os sirva :3
Aviso: Este código puede ser muy lioso si lo usas con ProStats y con los trow en la categorías
Hoy les enseñaré como aplicar esto a MyBB
¿Qué hace esto?
Podrás dar estilo extras al primero y al último <td> con el mismo class!
En decir, si tú en una tabla tienes <td> con el class5 thead podrás hacer que el primero y el último sea bordeado mientras que el otro no sin editar nada del html y ni agregar más class al css :thumbsup:
Y aquí la pregunta de todos:
¿Qué pasa si es solo una tabla con un único <td>?
Que se aplicará el fist y el last child :3
Aquí os dejo un ejemplo de como tiene MyBB-Es y os explico sus divisiones :3
![[Image: ejemplomf.png]](http://img207.imageshack.us/img207/251/ejemplomf.png)
Los cuadros verdes son las propiedades <td> con su class thead como todas pero con la propiedad del css last-child y firts-child
Entonces en el css quedaría algo así:
.thead {
Background y esas cosas del Thead :3
}
.thead a:link {
Color de link
}
.thead a:visited {
Si ya fuiste a ese link
}
.thead a:hover, .thead a:active {
Que pasa cuando pasas el ratón por encima y clickas
}
.thead:last-child {
Aquí bordearíamos la última celda(Últimos Mensajes y Expandir/contraer categoría)
}
.thead:first-child {
Aquí bordearíamos la primera celda(Nombre de la Categoría)
}Espero que os sirva :3
Aviso: Este código puede ser muy lioso si lo usas con ProStats y con los trow en la categorías
Es muy util sobre todo en donde se usan mas de un TR, de este modo se puede bordear sin que quede como un oceano xd (lleno de ondas por los bordes de cada td)

Gracias, deberias de buscar y explicar lo que hace y el como funciona n-child.
Creo asi se llama, :n-child
Yo nunca pude hacer que funcionara (solo lo intente una vez), por eso xD
Creo asi se llama, :n-child
Yo nunca pude hacer que funcionara (solo lo intente una vez), por eso xD
Yo logre hacer pero diferente, aunque claro, esta manera es muchísimo mas facil.
![[Image: kLUbBrj.png]](http://i.imgur.com/kLUbBrj.png)
![[Image: signature.png]](https://omarg.me/cache/images/signature.png)