CSS [ویژگی~=مقدار] انتخابگر

تعریف و استفاده

CSS [ویژگی~=مقدار] انتخابگر برای انتخاب عناصری که ویژگی ارزش شامل کلمه خاصی است استفاده می‌شود.

در این مثال عناصر با title="flower"، title="summer flower" و title="flower new" با هم تطابق دارند، اما عناصر title="my-flower" یا title="flowers" با آن‌ها تطابق ندارند.

مثال

نوع و تنظیمات استایل برای تمام عناصر که ویژگی title شامل کلمه "flower" است:

[title~="flower"] {
  border: 5px solid green;
}

آزمایش کنید

نحوه نوشتن CSS

[ویژگی ~= مقدار] {
  اظلاعات css;
}

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبانی‌کننده از این انتخابگر است.