---
id: bad87fee1348bd9aedf07756
title: Override All Other Styles by using Important
challengeType: 0
videoUrl: ''
localeTitle: تجاوز كافة الأنماط الأخرى باستخدام هام
---
## Description
ياي! لقد أثبتنا فقط أن الأنماط المضمنة ستتجاوز جميع إعلانات CSS في عنصر style
. لكن انتظر. هناك طريقة أخيرة لتجاوز CSS. هذه هي أقوى طريقة للجميع. ولكن قبل القيام بذلك ، دعنا نتحدث عن سبب رغبتك في تجاوز CSS. في العديد من المواقف ، ستستخدم مكتبات CSS. قد تتجاوز هذه بطريق الخطأ CSS الخاص بك. لذلك عندما تحتاج بالتأكيد إلى التأكد من أن عنصر ما يحتوي على CSS خاص ، يمكنك استخدامه !important
دعنا نرجع إلى إعلان الفصل pink-text
. تذكر أنه تم تجاوز فئة pink-text
لدينا بواسطة تعريفات فئة لاحقة ، وإعلانات معرف ، وأنماط مضمنة.
## Instructions
دعنا نضيف الكلمة الأساسية !important
لإعلان اللون الخاص بعنصر النص الوردي الخاص بك للتأكد 100٪ من أن عنصر h1
سيكون لونه ورديًا. مثال على كيفية القيام بذلك هو: color: red !important;
## Tests
```yml
tests:
- text: يجب أن يحتوي عنصر h1
pink-text
.
testString: 'assert($("h1").hasClass("pink-text"), "Your h1
element should have the class pink-text
.");'
- text: يجب أن يحتوي عنصر h1
على الفصل blue-text
.
testString: 'assert($("h1").hasClass("blue-text"), "Your h1
element should have the class blue-text
.");'
- text: يجب أن يحتوي عنصر h1
على معرف orange-text
.
testString: 'assert($("h1").attr("id") === "orange-text", "Your h1
element should have the id of orange-text
.");'
- text: 'يجب أن يكون عنصر h1
بنمط color: white
المضمن color: white
.'
testString: 'assert(code.match(/h1 element should have the inline style of color: white
.");'
- text: يجب أن يكون لديك تعريف فئة pink-text
الكلمة الأساسية !important
لتجاوز كافة التعريفات الأخرى.
testString: 'assert(code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g), "Your pink-text
class declaration should have the !important
keyword to override all other declarations.");'
- text: يجب أن يكون عنصر h1
باللون الوردي.
testString: 'assert($("h1").css("color") === "rgb(255, 192, 203)", "Your h1
element should be pink.");'
```
## Challenge Seed
## Solution
```js
// solution required
```