مرجع انتخابگرها در CSS - بخش سوم
یک شنبه 2 شهریور 1393 11:40 AM
:first-letter
اولین کلمه از تمام تگ های <p> را انتخاب و style مورد نظر را به آنها اعمال میکند.
ویژگی هایی که در first-letter میتوانند مورد استفاده قرار بگیرند.
- font properties
- color properties
- background properties
- margin properties
- padding properties
- border properties
- text-decoration
- vertical-align (only if float is 'none')
- text-transform
- line-height
- float
- clear
:first-line
اولین خط از تمام تگ های <p> را انتخاب و style مورد نظر را به آنها اعمال میکند.
ویژگی هایی که در first-line میتوانند مورد استفاده قرار بگیرند.
- font properties
- color properties
- background properties
- word-spacing
- letter-spacing
- text-decoration
- vertical-align
- text-transform
- line-height
- clear
:first-child
تمام تگ های <p> که اولین فرزند (child) از پدر و مادر (parent) خود است را انتخاب و style مورد نظر را به آنها اعمال میکند.
:before
به اول تمام تگ های <p> ، لینک http://pars-soft.ir را اضافه میکند.
:after
بعد تمام تگ های <p> ، لینک http://pars-soft.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 مورد نظر را به آنها اعمال میکند.
:root
تگ HTML ، را انتخاب و style مورد نظر را به آنها اعمال میکند.
:empty
هر تگ <p> که محتوایی نداشته باشد را انتخاب و style مورد نظر را به آنها اعمال میکند.
:enabled
تمام تگ های <input> که "type="text باشند و فعال باشند را انتخاب و style مورد نظر را به آنها اعمال میکند.
:disabled
تمام تگ های <input> که "type="text باشند وغیر فعال باشند را انتخاب و style مورد نظر را به آنها اعمال میکند.
:checked
تمام تگ های <input> که "type="checked باشند را انتخاب و style مورد نظر را به آنها اعمال میکند.
:not
تمامی تگ ها جز تگ <p> را انتخاب و style مورد نظر را به آنها اعمال میکند.
::selection
متن هایی که با دوبار کلیک کردن بر آنها انتخاب میشوند ، style مورد نظر را به آنها اعمال میکند