پاسخ داده شد
0
0

چطور attribute های یک المان مثلاً title در یک a (لینک) ، option در یک <select> را انتخاب و با css استایل دهی کنیم؟

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

برای این کار می توانید از  attribute selector استفاده کنید. مثلاٌ اگر یک المان <select> بصورت زیر تعریف کردید:

<select name="number-of-stuffs">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

با کد زیر می توانید ، یکی از option های آن را استایل دهی کنید:

option[value="1"] {
  background-color:yellow;
}

به همین صورت برای سایر تگ ها نیز می توانید از attribute selector استفاده کنید:

/* <a> elements with a title attribute */
a[title] {
  color: purple;
}

/* <a> elements with an href matching "https://example.org" */
a[href="https://example.org"] {
  color: green;
}

/* <a> elements with an href containing "example" */
a[href*="example"] {
  font-size: 2em;
}

/* <a> elements with an href ending ".org" */
a[href$=".org"] {
  font-style: italic;
}

/* <a> elements whose class attribute contains the word "logo" */
a[class~="logo"] {
  padding: 2px;
}
  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت