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>
لاحظ أنه في الخاص بك CSS style
عنصر، أسماء فئة تبدأ بنقطة. في سمة فئة عناصر HTML ، لا يتضمن اسم الفئة الفترة. style
الخاص بك ، قم بتغيير محدد h2
إلى .red-text
محدد .red-text
بتحديث قيمة blue
من 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: