با استفاده از سلکتورهای Attribute در CSS، به تمام inputهایی که attribute type="email" دارند رنگ پس‌زمینه و به تمام aهایی که attribute rel="external" دارند رنگ متن و زیرخط متفاوت اعمال کنید.

استفاده از سلکتورهای صریح Attribute مانند input[type="email"] و a[rel="external"] به شما امکان می‌دهد بدون افزودن کلاس‌ها سبک‌ها را هدفمند اعمال کنید. اگر نیاز دارید بخشی از مقدار را هدف قرار دهید، می‌توانید از عملگرهای ^=، $= یا *= برای انتخاب مقدار جزئی استفاده کنید، و مقدارها را در کوتیشن بنویسید. برای دسترسی‌پذیری بهتر، استایل‌ها را با حالت‌های تعامل مثل :focus یا :hover هم در نظر بگیرید تا کاربران با صفحه تعامل بهتری داشته باشند. در DevTools مرورگر، با تست این سلکتورها می‌توانید به‌سرعت نتیجهٔ اعمال استایل‌ها را بررسی کنید.