---
id: bad87fee1348bd9aedf06756
title: Override Class Declarations with Inline Styles
challengeType: 0
videoUrl: ''
localeTitle: Anular declaraciones de clase con estilos en línea
---
## Descripción
Así que hemos comprobado que las declaraciones de identificación anulan las declaraciones de clase, independientemente de dónde se declaren en su elemento de style
CSS. Hay otras formas en que puedes anular CSS. ¿Recuerdas los estilos en línea?
## Instrucciones
Use un inline style
para tratar de hacer que nuestro elemento h1
blanco. Recuerde, los estilos de línea se ven así: <h1 style="color: green;">
Deje las clases de pink-text
blue-text
y pink-text
en su elemento h1
.
## Pruebas
```yml
tests:
- text: Su elemento h1
debe tener la clase pink-text
.
testString: 'assert($("h1").hasClass("pink-text"), "Your h1
element should have the class pink-text
.");'
- text: Su elemento h1
debe tener la clase blue-text
.
testString: 'assert($("h1").hasClass("blue-text"), "Your h1
element should have the class blue-text
.");'
- text: Su elemento h1
debe tener el ID de orange-text
.
testString: 'assert($("h1").attr("id") === "orange-text", "Your h1
element should have the id of orange-text
.");'
- text: Dale a tu elemento h1
un estilo en línea.
testString: 'assert(document.querySelector("h1[style]"), "Give your h1
element an inline style.");'
- text: Su elemento h1
debe ser blanco.
testString: 'assert($("h1").css("color") === "rgb(255, 255, 255)", "Your h1
element should be white.");'
```
## Challenge Seed
## Solución
```js
// solution required
```