گزينشگرهاي صفت

  در اين جلسه از آموزش طراحی وب سایت  css با گزينشگرهاي صفت يا همان attr selectors آشنا خواهيم شد.

همانطور که ميدانيد تگ هاي html  طراحی وب سایت  داراي صفت هايي نيز هستند ما در اين جلسه خواهيم آموخت که چگونه به هر تگ با صفت هاي مختلف استايل متفاوتي دهيم.

گزينشگرهاي صفت

 

 

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

1

tagname[attribute="value"] {

2

 // some code

3

}

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

کد html

 

1

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

2

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

کد css

 

1

p[alt="red-text"] {color: red;}

2

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

دقت داشته باشيد که مي توان از همه صفت هاي موجود استفاده کرد حتي class و id به طور مثال :

 

 طراحی وب سایت 

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

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