kurtköy escort,ataköy escort,silivri escort,ankara escort,kurtköy escort,pendik escort,ankara escort bayan,ümraniye escort,beylikdüzü escort,şişli escort,ankara escort,ankara escort,ankara escort,pendik escort,kartal escort,
maltepe escort,tuzla escort,kartal escort,pendik escort,ataşehir escort,bostancı escort,
epoksi zemin kaplama,nice bariyer,mantar bariyer,epoksi,l koltuk takımı,nice türkiye,bft turkiye,pil sitesi,nice türkiye,evden eve nakliyat,gebze evden eve nakliyat,nice türkiye,kepenk,Dış cephe mantolama,otomasyon sistemleri,

انتخابگرها در CSS - بخش سوم

این مورد را ارزیابی کنید
(0 رای‌ها)

 :first-child

 در این حالت تمام تگ های

 <p> که اولین فرزند (child) از پدر و مادر (parent) خود است را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:first-letter

در این حالت اولین کلمه از تمام تگ های <p>  را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

ویژگی هایی که در first-letter  می توان مورد استفاده قرار داد:

  1. font properties
  2. color properties
  3. background properties
  4. margin properties
  5. padding properties
  6. border properties
  7. text-decoration
  8. vertical-align (only if float is 'none')
  9. text-transform
  10. line-height
  11. float
  12. clear

 :first-line

در این حالت اولین خط از تمام تگ های <p>  را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

ویژگی هایی که در first-line  می توان مورد استفاده قرار داد:

  1. font properties
  2. color properties
  3. background properties
  4. word-spacing
  5. letter-spacing
  6. text-decoration
  7. vertical-align
  8. text-transform
  9. line-height
  10. clear

:before

به اول تمام تگ های <p> ، لینک  http://ofoghsite.ir  را اضافه میکند.

:after

بعد تمام تگ های <p> ، لینک  http://ofoghsite.ir  را اضافه میکند. 

:lang

 در این حالت تمام تگ های <p> که با ویژگی  "lang=it" شروع می شوند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

element1~element2

در این حالت تمام تگ های <ul> که والد مشترکی با  تگ  <p> دارند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

[attribute$=value]

 در این حالت تمام تگ های div که با ویژگی  "class=test" تمام می شوند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

 [attribute^=value]

در این حالت تمام تگ های div که با ویژگی  "class=test" شروع می شوند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

 [attribute*=value]

 در این حالت تمام تگ های div که  ویژگی  "class=test" را شامل می شوند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:first-of-type

در این حالت اولین  تگ <p>  را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:last-of-type

در این حالت آخرین تگ <p>  را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

 :only-of-type

در این حالت هر تگ <p>  که تک فرزند (only child) والد (parent) خود باشد را  انتخاب می کند و  style مورد نظر را به آنها اعمال می کند.

 :nth-child()

 در این حالت هر تگ <p>  که دومین فرزند (only child) والد (parent) خود باشد را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:nth-last-child()

 در این حالت هر تگ <p>  که دومین فرزند (only child) والد (parent) خود از آخر باشد را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:nth-of-type()

 در این حالت هر تگ <p>  که دومین تگ <p> از والد (parent) خود  باشد را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:nth-last-of-type()

در این حالت هر تگ <p>  که دومین تگ <p> از والد (parent) خود از آخر باشد را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

 :last-child

در این حالت  برای هر تگ <p>  که آخرین فرزند (child) از والد (parent) خود  باشد را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:empty

 در این حالت هر تگ <p>  که محتوایی نداشته باشد را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

 :enabled

در این حالت تمام تگ های <input>  که  "type="text باشند و فعال باشند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:not

 در این حالت تمامی تگ ها جز  تگ <p>  را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

 

:root

 در این حالت تگ HTML ، را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:disabled

در این حالت تمام تگ های <input>  که  "type="text باشند وغیر فعال باشند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند.

:checked

در این حالت تمام تگ های <input>  که  "type="checked باشند را  انتخاب می کند و style مورد نظر را به آنها اعمال می کند. 

::selection


در این حالت متن هایی که با دو بار کلیک کردن بر آنها انتخاب می شوند، style مورد نظر را به آنها اعمال می کند.

 در ادامه با مباحث آموزشی سایت افق همراه باشید.

 

اشتراک گذاری این پست :

Submit to FacebookSubmit to Google PlusSubmit to TwitterSubmit to LinkedIn
خواندن 2379 دفعه
برای ارسال نظر وارد سایت شوید