poner otro borde a una fila que tiene ya borde

[luicos]

Tengo una tabla a la cual a traves de css de pongo un borde de 1px a todas las celdas, pero ahora queria poner un borde de 3px a la ultima fila
La tabla al tener un estilo definido,si le pongo otro estilo para esa fila no me lo coge
¿Como puedo hacer?

Lo que tengo es esto:

Código:

.pruebas4 th, .pruebas4 td
{
  padding: 5px;
  font-size:12px;
  border-color: #828282;
  border-style: solid;
  border-width: 1px;
  border-collapse:collapse;
}

[luicos]

La tabla esta de la siguiente manera(TODA CON UN BORDE DE 1PX, PERO LA FILATRES LE QUIERO PONER UN BORDE DE 3PX):

Código:

<table  class='pruebas4'>
  <tr>
      <td>FILA UNO</td>
  </tr>
  <tr>
      <td>FILA DOS</td>
  </tr>
 <tr>
      <td>FILA TRES</td>
  </tr>
</table>

[Impostor]

Buenas,

debes crear una clase especifica y aplicársela solo a la ultima fila.

Código CSS:

.ultima {
   border: solid #828282 3px;
}
 

Código HTML:

<table  class='pruebas4'>
  <tr>
      <td>FILA UNO</td>
  </tr>
  <tr>
      <td>FILA DOS</td>
  </tr>
 <tr>
      <td class="ultima">FILA TRES</td>
  </tr>
</table>
 

Saludos¡¡

[luicos]

Pues siento decir que esto ya lo habia probado y no me funciona
¿Alguien sabe porqué?

[Impostor]

Iniciado por luicos

Pues siento decir que esto ya lo habia probado y no me funciona
¿Alguien sabe porqué?

Llevas razón, no funciona. Y es debido a un problema de especificidad de los selectores, con una pequeña modificación funciona correctamente:

Código CSS:

.pruebas4 th, .pruebas4
{
  padding: 5px;
  font-size:12px;
  border-color: #828282;
  border-style: solid;
  border-width: 1px;
  border-collapse:collapse;
}
 
.ultima {
   border: 3px solid #828282;
}
 

Código HTML:

<table  class='pruebas4'>
  <tr>
      <td>FILA UNO</td>
  </tr>
  <tr>
      <td>FILA DOS</td>
  </tr>
 <tr>
      <td class="ultima">FILA TRES</td>
  </tr>
</table>
 

Permiteme dos consideraciones. Puedes conseguir un css mas limpio cambiando

Código CSS:

border-color: #828282;
  border-style: solid;
  border-width: 1px;
 

por

Código CSS:

border: 1px : solid #828282;
 

y segundo que si te es posible y no vas a usar la tabla para tabular datos, deberias comenzar a maquetar con divs.

Saludos¡¡

[luicos]

Bueno, lo de reducir el codigo css está bien pero no veo la solucion que tu dices.
Si no te importa me podrías decir como hacer para conseguir lo que quiero???
Gracias

[Impostor]

Iniciado por luicos

Bueno, lo de reducir el codigo css está bien pero no veo la solucion que tu dices.
Si no te importa me podrías decir como hacer para conseguir lo que quiero???
Gracias

Lo tienes en el código que te puse anteriormente.

[luicos]

Lo único que veo es que quitaste el td de pruebas4, pero he probado así y lo que me hace es que me deja un marco alrededor de toda la tabla y la ultima fila la pone mas gruesa por la parte de arriba

Se deshace lo que tenia(todas las td con marco) y lo que quiero conseguir(ultimafila con marco mas grueso) no lo consigo tampoco

[Impostor]

Pues no se que navegador usas, a mi en Firefox y Chrome se ve ok.



Saludos¡¡

[luicos]

Yo uso IExplorer, pero veo que tu no tienes marco fino en las todas las celdas, solo lo tienes en el marco de la tabla

[Impostor]

Pues lo que se me ocurre es maquetar con div para conseguir el mismo resultado.

[luicos]

Si tengo que cambiar todo lo que tengo en tablas a divs casi que me da la risa, ya que son unas cuantas..... jejeje....
Yo lo que quería era resaltar la ultima fila, que tiene dos columnas, y si le pongo un fondo si me lo coje pero el marco grueso no

Bueno, si no se puede no se puede.
Gracias