attr selectors

 

براي انتخاب يک صفت در css پس از انتخاب تگ، صفت و مقدار آنرا در داخل [] قرار مي دهيم به کد زير دقت کنيد :

 

tagname[attribute="value"] {

 

 // some code

 

}

براي مثال مي خواهيم با استفاده از صفت alt رنگ متن مان را تغيير دهيم

کد html

 

1

<p alt="red-text">7lea</p>

2

<p alt="blue-text">7lea</p>

کد css

 

 

p[class="blue-text"] {color: blue;}

اين کد تعيين ميکند تگ p که مقدار صفت class ان برابر با blue-text است رنگش را برابر با آبي قرار بده.

کد بالا و کد

 

.blue-text {color: blue;}

کار يکساني را انجام مي دهند. البته فقط مرورگرهاي مدرن و ie9+ از همه ي صفت ها پشتيباني مي کنند مرورگرهاي قديمي فقط از تگ input، صفت type پشتيباني مي کنند.

بسيار خب اموزش اين جلسه به پايان رسيد