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
<Стиль>Вы можете видеть, что мы создали класс CSS, называемый
.blue-text {
цвет синий;
}
</ Стиль>
blue-text
в <style>
. Вы можете применить класс к HTML-элементу следующим образом: <h2 class="blue-text">CatPhotoApp</h2>
Обратите внимание, что в элементе style
CSS имена классов начинаются с периода. В атрибуте класса HTML-элементов имя класса не включает период. style
измените селектор h2
на .red-text
и обновите значение цвета от blue
до red
. Дайте вашему элементу h2
атрибут class
со значением 'red-text'
. h2
должен быть красным.
testString: 'assert($("h2").css("color") === "rgb(255, 0, 0)", "Your h2
element should be red.");'
- text: Ваш элемент h2
должен иметь red-text
.
testString: 'assert($("h2").hasClass("red-text"), "Your h2
element should have the class red-text
.");'
- text: В вашей таблице стилей должен быть объявлен класс red-text
и его цвет будет красным.
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: 'Не используйте встроенные объявления стиля, такие как style="color: red"
в вашем элементе 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: