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