🔹 Combinators (ترکیب‌کننده‌ها در CSS)

• Descendant Selector (space)

   

  section p { ... }

  👉 تمام p‌هایی که داخل section باشند (در هر سطحی).

• Child Selector ( > )

   

  section > a { ... }

  👉 فقط aهایی که فرزند مستقیم section باشند.

• Adjacent Sibling Selector ( + )

   

  div + p { ... }

  👉 اولین p بعد از div.

• General Sibling Selector ( ~ )

   

  div ~ p { ... }

  👉 همه‌ی p‌هایی که هم‌سطح div باشند و بعد از آن بیایند.

🔹 Attribute Selectors (انتخاب‌گرهای ویژگی‌ها)

• [disabled] → انتخاب المان‌هایی که ویژگی disabled دارند.

   

  input[disabled] { background: green; }
  

• [type="email"] → انتخاب بر اساس مقدار دقیق attribute.

   

  input[type="email"] { background: blue; }
  

• [type="password"] → انتخاب input با type خاص.

• [value="..."] → انتخاب بر اساس مقدار مشخص value.

   

  input[value="va.vittoamir@gmail.com"] { background: gray; }
  

• [alt="nature"] → انتخاب تگ img با alt دقیقاً برابر "nature".

• [alt~="nature"] → وقتی مقدار alt شامل کلمه‌ی مستقل "nature" باشد (جدا شده با فاصله).

   

  img[alt~="nature"] { border-radius: 50%; }