چطور attribute های یک المان مثلاً title
در یک a
(لینک) ، option
در یک <select>
را انتخاب و با css استایل دهی کنیم؟
- نفیسه افقی 2 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
برای این کار می توانید از 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;
}
- نفیسه افقی 2 سال قبل پاسخ داد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید