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
<style>Você pode ver que criamos uma classe CSS chamada
.blue-text {
cor azul;
}
</ style>
blue-text
na tag <style>
. Você pode aplicar uma classe a um elemento HTML como este: <h2 class="blue-text">CatPhotoApp</h2>
Observe que no seu elemento de style
CSS, os nomes de classe começam com um ponto. No atributo de classe dos elementos HTML, o nome da classe não inclui o período. style
, altere o seletor h2
para .red-text
e atualize o valor da blue
de blue
para red
. Dê ao seu elemento h2
o atributo class
com um valor 'red-text'
. h2
deve estar vermelho.
testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your h2
element should be red.");'
- text: Seu elemento h2
deve ter a classe red-text
.
testString: 'assert($("h2").hasClass("red-text"), "Your h2
element should have the class red-text
.");'
- text: Sua folha de estilo deve declarar uma classe de red-text
e ter sua cor definida como vermelha.
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: 'Não use declarações de estilo inline como style="color: red"
em seu 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: