با استفاده از انتخاب‌گرهای صفت در CSS، یک استایل بنویس که لینک‌های a با target="_blank" آیکون و رنگ پس‌زمینه متفاوت داشته باشند، تمام input[type="password"] حاشیهٔ قرمز بگیرند، و هر عنصری با صفت data-role="highlight" پس‌زمینهٔ زرد شود.

نکته: با استفاده از انتخاب‌گرهای صفت مانند a[target="_blank"]، می‌توانید آیکون و رنگ پس‌زمینهٔ متمایز برای لینک‌های خارجی اضافه کنید؛ استفاده از ::after یا پس‌زمینهٔ تصویری برای آیکون گزینه‌های متعددی دارد و می‌توان استایل را در hover/focus تقویت کرد. برای امنیت بهتر، در لینک‌های target="_blank" از rel="noopener noreferrer" استفاده کنید تا از tabnabbing جلوگیری شود. همچنین با input[type="password"] حاشیهٔ قرمز مشخص کنید و به کمک [data-role="highlight"] پس‌زمینهٔ زرد را اعمال کنید. برای آزمایش دقیق، DevTools را بررسی کنید و اگر لازم شد از ترکیب انتخاب‌گرهای دقیق‌تر یا افزودن کلاس‌ها بهره ببرید.