با استفاده از سلکتور کلاس (.highlight) استایلی بنویسید که به عناصر p دارای کلاس highlight رنگ متن قرمز و فونت بولد بدهد و این استایل نسبت به استایل عمومی p اولویت داشته باشد.

9.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:19

0.0

برای حل این مسئله از سلکتور کلاس استفاده کنید؛ مثلاً با نوشتن p.highlight { color: red; font-weight: bold; } می‌توانید فقط پاراگراف‌هایی که کلاس highlight دارند را هدف بگیرید. توجه کنید که سلکتور کلاس specificity بیشتری نسبت به سلکتور عنصر (p) دارد، بنابراین لازم نیست از !important استفاده کنید؛ همچنین می‌توانید استایل را در فایل CSS خارجی یا داخل تگ قرار دهید و با ابزارهای توسعه‌دهنده مرورگر (DevTools) نتیجه را سریعاً بررسی کنید.

توسط پژوهشگر در 201 روز قبل ساعت 03:19
دسته بندی ها: CSS CSS for beginner
sara در 201 روز قبل ساعت 06:48

یک نکته کلیدی این است که سلکتور کلاس نسبت به سلکتور عنصر اولویت بیشتری دارد، پس با استفاده از p.highlight { color: red; font-weight: bold; } فقط پاراگراف‌هایی که کلاس highlight دارند تغییری می‌کنند و نیاز به !important نیست. این سبک می‌تواند در فایل CSS خارجی یا داخل تگ style قرار بگیرد. برای بررسی سریع نتیجه از DevTools مرورگر استفاده کنید تا مطمئن شوید که استایل کلاس بر سبک عمومی p ارجح دارد.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری