Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
<estilo>Puede ver que hemos creado una clase CSS llamada
.blue-text {
color azul;
}
</style>
blue-text
dentro de la etiqueta <style>
. Puede aplicar una clase a un elemento HTML como este: <h2 class="blue-text">CatPhotoApp</h2>
Tenga en cuenta que en su elemento de style
CSS, los nombres de clase comienzan con un punto. En el atributo de clase de los elementos HTML, el nombre de la clase no incluye el período. style
, cambie el selector h2
a .red-text
y actualice el valor del blue
de blue
a red
. Déle a su elemento h2
el atributo de class
con un valor de 'red-text'
. h2
debe ser rojo.
testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your h2
element should be red.");'
- text: Tu elemento h2
debe tener la clase red-text
.
testString: 'assert($("h2").hasClass("red-text"), "Your h2
element should have the class red-text
.");'
- text: Su hoja de estilo debe declarar una clase de red-text
y tener su color establecido en rojo.
testString: 'assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;\s*\}/g), "Your stylesheet should declare a red-text
class and have its color set to red.");'
- text: 'No use declaraciones de estilo en línea como style="color: red"
en su elemento h2
.'
testString: 'assert($("h2").attr("style") === undefined, "Do not use inline style declarations like style="color: red"
in your h2
element.");'
```
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: