0

Me gustaría con una hoja de estilos cambiar el fondo de esta tabla, dado que no puedo cambiar directamente desde el


<td style="width: 193px;background-color:#333399; color: #ffffff;">

<p class="negrita2" style="color: #ffffff">Fecha Inscripción</p>

</td>

Deseo forzar el cambio de style="width: 193px;background-color:#333399; color: #ffffff;"

2
  • Para modificar la tabla o el td por completo en css, elimina todo los estilos (``style`) en el html y trabaja solamente en CSS Commented el 10 nov. 2022 a las 21:05
  • No puedo hacer cambios en el html, quiero hacerle con un style.css Commented el 10 nov. 2022 a las 21:39

2 respuestas 2

1

Explicación:

Al agregar una propiedad con la declaración !important, defines que la regla que ocupa dicha propiedad se interpondrá encima de las demás reglas, es decir, si una clase tiene una propiedad background-color y en tu hoja de estilos vuelves a darle la propiedad background-color pero con distinto color y la declaración !important, el estilo que afectará a la clase será el que tenga !important ya que éste se interpondrá encima de las demás propiedades.

Ejemplo:

td{
 background-color: green !important;
}
<table>
  <tr>
    <td style="width: 193px; background-color:#333399; color: #ffffff;">
      <p class="negrita2" style="color: #ffffff">Fecha Inscripción</p>
    </td>
  </tr>
</table>

Enlaces:

1

Puedes ocupar !important

td{
 background-color:red !important
}
<table>
<tr>
<td style="width: 193px;background-color:#333399; color: #ffffff;">

<p class="negrita2" style="color: #ffffff">Fecha Inscripción</p>

</td>
</tr>
</table>

Las reglas CSS tiene prioridad, algunos le llaman "Especificidad", cuyo orden es más o menos el siguiente

  • Estilo en línea, es decir ocupando el atributo style de un elemento
  • #ID
  • .Clases, [atributos] :pseudoclases
  • Elementos y pseudoelementos (input, div, :before, :after)

Es decir un estilo en línea pisa a un estilo #id{}, y este pisa a uno por .clase{} y así sucesivamente

Además, a igual "Especificidad" gana la última regla ingresada.

Entonces el estilo en línea es lo más prioritario, siendo la única alternativa usar !important, esto pisa toda la Especificidad; y a varios !important también gana el último

Recomiendo leer: https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.