سلام و روز خوش
CSS همینجور که از اسمش پیداست، ruleها رو بر اساس اولویت تعریف شده بصورت cascading (آبشاری) اعمال میکنه.
یعنی اگر برای یک المان چندین rule وجود داشته باشه،
و اینها با هم در تضاد باشن (مثلا همین border یک جا none باشه یک جا solid 1px red)
مرورگر میاد بر اساس سورس اون ruleها اولویت بندی میکنه که کدوم یکی رو زودتر و کدو یکی رو دیرتر اعمال کنه - البته این یک توضیح خیلی ساده بود و در واقع پیچیده تر هست این داستان.
یک چیزهایی مثل این ادیتور زنده یا syntax highlighterها و ...
معمولا بعد از لود شدن داکیومنت میان با جاوااسکریپت استایل ها رو به المان ها نسبت میدن.
حالا اون highlighterها چون معمولا زنده نیستن،
اعمال یک rule دیگه بعد از ساخته شدن اونها مشکلی ایجاد نمیکنه.
ولی در ادیتور زنده احتمالا با هر update استایل های خودش رو اعمال میکنه و ممکنه کار یه کم سختتر باشه.
برای امتحان یک rule برای border بسازین و بهش یک اسم هم بدین (مثلا bordered)
حالا برای اون qb یک class هم بدین با همین bordered
و نتیجه رو چک کنین.
پاسخ با نقل قول