Dar formato personalizado a filas o columnas de una tabla con CSS y span

Sabogal

Épsilon

Verificación en dos pasos activada

Verificado por Binance

• 26 Ene 2023

• #1

¿Es posible mediante css y la etiqueta span dar formato a una fila o columna en particular de una tabla, como color de fondo, bordes, etc?

Gracias.

 

Puko

Dseda

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Ene 2023

• #2

<span> es para un elemento en línea (horizontal)
<p> es para un párrafo (horizontal)
<div> se alinean hacia abajo (vertical)

Por ejemplo Todo lo que este dentro de span/p/div ... <span> ... </span> le puedes poner ...
.uno p span {
color: #fff;
background: #555;
border: 3px solid #000;
padding: 7px;
margin: 5px;
font-size: 12px;
font-style: italic;
font-weight: bold;
}

 

Sabogal

Épsilon

Verificación en dos pasos activada

Verificado por Binance

• 26 Ene 2023

• #3

Gracias, pero necesito para una tabla, específicamente para <td rowspan="3"></td>

 

Immoral Dev

Préstamo vencido

Delta

Verificado

Verificación en dos pasos activada

Verificado por Binance

• 26 Ene 2023

• #4

sabogal dijo:

Gracias, pero necesito para una tabla, específicamente para <td rowspan="3"></td>

Hacer clic para expandir...

Asi deberias poder selecccionar la etiqueta td con el atributo rowspan="3":

td[rowspan="3"] {
background-color: yellow;
}

 

Sabogal

Épsilon

Verificación en dos pasos activada

Verificado por Binance

• 26 Ene 2023

• #5

Immoral Dev dijo:

Asi deberias poder selecccionar la etiqueta td con el atributo rowspan="3":

td[rowspan="3"] {
background-color: yellow;
}

Hacer clic para expandir...

Me ha funcionado con

Insertar CODE, HTML o PHP:

<td rowspan="3" style="background-color: #069;"></td>

Gracias.

 

Sabogal

Épsilon

Verificación en dos pasos activada

Verificado por Binance

• 26 Ene 2023

• #6

Una pregunta adicional.
¿Cómo podría darle un hover:none a esa parte de la tabla?

Insertar CODE, HTML o PHP:

<td style="background-color: #069;hover:none" rowspan="3"></td>

Ese no me funciona, pero me sirve para ilustrar lo que requiero.

 

Puko

Dseda

Verificación en dos pasos activada

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 26 Ene 2023

• #7

Quitale en el css
td:hover {
background: **;
}

O ponle
td:hover {
background: none !important;
}
o
td[rowspan="3"]:hover {
background: none !important;
}

o ponle el mismo color al hover