CSS ကိုမတိုင်မှီ - မူလ, အဆင်ပြေ, လက်တွေ့ကျတဲ့

Pseudo-ဒြပ်စင်များနှင့် Pseudo-အတန်း CSS ကို: မတိုင်မီအပြီး, မောက်စ်တင်, တက်ကြွ, etc - ထိုသိသာပေါ် JavaScript ကို-handler ကိုကုဒ်အပါအဝင်မဟုတ်အရည်အသွေးတိုးတက်စေခြင်းနှင့်ကွပ်မျက် site ကိုရိုးရှင်းဖို့ထိရောက်သောအခွင့်အလမ်း, ရှုပ်ထွေးပြီးတုံ့ပြန်မှုဒီဇိုင်းများ, ဒြပ်စင်ဖြစ်ရပ်များ, ဆွေးနွေးမှုများကိုနှင့်ဧည့်သည်များ၏လုပ်ရပ်များမလိုအပ်ပါဘူး။

, အဆင်ပြေဘက်စုံသုံး Pseudo, ရိုးရှင်းပြီးရှုပ်ထွေးမူပိုင်အိုးများအတွက်သိသာထင်ရှားသောနှင့်မျိုးစုံရွေးချယ်မှုဂုဏ်သတ္တိများရှိသည်: ဘယ်လိုမူရင်းသရေကျအာရုံစူးစိုက်မှု, ချောမွေ့စွာလက်ျာအရပ်ဌာန၌တစ်ဦးအရိပ်အမြွက်ရောက်စေဖို့လိုအပ်သောလုပ်ရပ်များရှင်းလင်း။

လာသောအခါသတ်မှတ်ထားသော url () ဂရိတ်အလားအလာကြားဖြတ်ရဲ့ contents အတွက်ဖွင့်လှစ်။ အမှန်စင်စစ်ဤ option ကိုဘယ်နေရာမှာမဆိုအသစ်ကမိုးကုပ်စက်ဝိုင်း, နှစ်ဦးစလုံးဟာစာမျက်နှာကို download ဘာမှ၏စည်းကမ်းချက်များ၌၎င်း, ဘာမှရဲ့ဖြစ်နိုင်ချေကို Activation ထဖွင့်လှစ်

ကြားဖြတ်တစ်မူထူးခြားသောအင်္ဂါရပ်

(CSS ကိုမရောက်မီ :: :: ပြီးနောက်) Pseudo မူလ document tree ထဲမှာမတည်ရှိခဲ့ဘူးသောဒြပ်စင်များ, selector တွေကိုနှင့် Pseudo-အတန်းကနေမတူညီတဲ့။ ဖြစ်ကောင်းဖြစ်နိုင်, အလေ့အကျင့်ထဲမှာအထူးသဖြင့်အရေးကြီးသောသည်မဟုတ်, ကျနော်တို့ site ပေါ်တွင်အကြောင်းအရာအားမရ၏မေးခွန်းကိုထည့်သွင်းစဉ်းစားလျှင်မူကား, သင်ရှာဖွေရေးအင်ဂျင်များအတွက်အဓိပ္ပါယ်ရှိသောအရာတစ်ခုခုများ၏ content property ကိုအသိလုပ်မထားဘူးကိုးစားမညျ။

Pseudo :: CSS ကိုမပြုမီသင်ဒြပ်စင်မှအကြောင်းအရာများကိုထည့်သွင်းဖို့ခွင့်ပြုနှင့် :: ပြီးနောက် - အကြာတွင်။ မာတိကာရိုးရှင်းသော CSS ကိုဂုဏ်သတ္တိများ၏စည်းကမ်းချက်များ၌ရှုပ်ထွေးပုံစံချပေးမှစာသား, ဒါပေမယ့်ဘယ်သူမျှမက HTML tags များအနေဖြင့်ကွဲပြားလိမ့်မည်။ မီနှင့်ပြီးနောက်၏အဓိပ္ပါယ်ကိုဆွေမျိုးနှင့်မိုဘိုင်းကြောင့် Pseudo ဿုံ, တွဲသောဒြပ်စင်, အထဲမှာနေရာချထားနိုင်ပါတယ်။ သင်ရုံအနေအထားသတ်မှတ်, ဒါပေမယ့်လည်းအရွယ်အစား, မနိုင် အရောင်များ, နောက်ခံ, ဖောင့်နှင့်, CSS ကိုတခြား features တွေသုံးပါ။

အဖြစ် ကြားဖြတ်ကတော့ CSS ကို, ဒါပေမယ့် CSS3 စံအကြံပြု "::": "" ဟာမီနှင့်ပြီးနောက်သင်္ကေတအားဖြင့်ရှေ့ပြေးနေကြသည်။ စာမျက်နှာတစ်ခုပေါ်မှာအထူးသဖြင့်အသုံးပြုမှုကိုစမ်းသပ်ဖို့အချို့သော browser များသို့မဟုတ်ဗားရှင်းရိုးရှင်းစွာတစ်ဦးအထူးသဖြင့်ကြားဖြတ်သတိပြုမိမပြုစေခြင်းငှါထက်ပိုမခံရ။

သုံးစွဲမှုအထွေထွေစည်းမျဉ်းများ

အားမရခြင်းအားဖြင့်, ဥပမာ, div element က CSS ကို-style sheet ဖော်ပြချက်များတွင်ညွှန်ပြ class = '' scElement 'နှင့်စာမျက်နှာမှအကြောင်းအရာ "Element ကို" ဖော်ပြ:

.scElement {
POSITION ... ;
z-index ကို ... ;
...

}

": ပျံဝဲ" CSS "မတိုင်မီ ::" ကြားဖြတ်နှင့်သင်တစ်ဦးကြားဖြတ်လျှောက်ထားနိုင်သည်

.scElement: ပျံဝဲ :: {အကြောင်းအရာမတိုင်မီ: 'ရှေ့ဆက်'; အရောင် ... ; background-color ... ;} ။

သင်စကားလုံးရှေ့တော်၌ထို mouse ကိုပျံဝဲလာသောအခါထိုအခါ '' Element ကိုက 'အက္ခရာများနှင့်နောက်ခံများ၏အရောင်ကိုပြောင်းလဲလိမ့်မယ်အရာ, နှုတ်ကပတ်တရားတော်ကို' 'ရှေ့ဆက်' 'ပေါ်လာပါလိမ့်မယ်။

အကြောင်းအရာမူကွဲကြားဖြတ်

scElement - သင်ကြားဖြတ်ဂုဏ်သတ္တိများကိုသတ်မှတ်မထားဘူးဆိုရင်သူတို့ကအဓိကဒြပ်စင်၏ကဲ့သို့တူညီသောဖြစ်လိမ့်မည်။ အဆိုပါ cursor ဒြပ်စင်ပေါ်တွင်ပုံရိပ်ကိုပြသတဲ့အခါမှာ url ( '/ scBox / rm-v / SC-rights.png'): သင်က url ကိုသတ်မှတ်, အဲဒီနောက်အကြောင်းအရာပိုင်ဆိုင်မှုနိုင်ပါတယ်။ "\ 03B1" သင်္ချာပေါ်လာသော: အကြောင်းအရာ၏အမှု၌ သင်္ကေတ "Alfa" "& nbsp;", ": ဒါပေမယ့်အထူးအက္ခရာများကိုအသုံးပြုဖို့ & lt;", "& laquo;", "& raquo;" နှင့်အခြားသူများကိုမကျင့် - ဖြစ်သကဲ့သို့သူတို့ပြသပါလိမ့်မည်။

ပုံမှန် "စာသား", url (), hexadecimal ဇာတ်ကောင်တစ်ဦး sequence ကိုမှရည်ညွှန်း: pseudo- များ၏ content သတ်မှတ်ရွေးချယ်စရာတွေအများကြီး Allowed အကြောင်းအရာ၏အကြွင်းမဲ့အာဏာအနေအထားတစ်ခုအရိပ်အယောင်ဖြစ်နိုင်ပါတယ်အမျှ Open-ကိုးကား / အနီးကပ်ကိုးကား, သို့မဟုတ်လုံးဝမ-Open-ကိုးကား / မနီးစပ်-ကိုးကား, etc ။ စတိုင်ဂုဏ်သတ္တိများမှတဆင့်ရှေ့တော်၌, လျှောက်ထားခြင်းအားဖြင့်, CSS ကိုကချိတ်ဆက်ထားတဲ့ရန်ဒြပ်စင်အတွက်ဘယ်နေရာမှာမဆိုကြားဖြတ်နေရာပါလိမ့်မယ်။

သငျသညျမီနှင့်အပြီးများ၏တပြိုင်နက်တည်းအသုံးပြုမှုကိုပေါင်းစပ်နိုင်ပါတယ်။ ထို့ကြောင့်, content တွေကိုဇာတ်ကောင်မတိုင်မီ CSS ကိုသုံးပြီးအားမရ, သငျသညျ, ကွဲပြားခြားနားသော Pseudo-အတန်းနှင့် Pseudo-element တွေကိုပေါင်းစပ်ပြီး, သက်ရောက်မှုအမျိုးမျိုးရဧည့်သည်အံ့သြသွား, တစ်ချိန်တည်းမှာပင်တစ်ခုတည်းက byte-code ကို JavaScript ကိုဖြုန်းလို့မရပါဘူး။

အင်္ဂါရပ်များကြားဖြတ်

သူတို့ရဲ့ဒီဇိုင်းအတွက်မွေးစား ":" ဇာတ်ကောင်အဖြစ်ကြားဖြတ်ရည်ညွှန်းဖို့, ဒါပေမယ့်များသောအားဖြင့်က "::" ခေါ်လိုက်ပါမယ် CSS3 ကြားဖြတ်နှင့်မတူဘဲ။ ဒါကြောင့်နားလည်ကြောင်း browsers, နှစ်ဦးစလုံးပုံစံရိပ်မိရ။ အတူတူမှတ်တမ်းတင်ထားသောကြားဖြတ်မှတ်တမ်းတင်အတွက်ကွာဟချက်, အခွင့်မရှိကြ string ကိုမှတျတမျးတငျထားခံခြင်းနှင့်ကြားဖြတ် (သို့မဟုတ်သာ):

scElement: ပျံဝဲ :: {အကြောင်းအရာမတိုင်မီ: 'ရှေ့ဆက်'; ... }

scElement: တက်ကြွ: {အကြောင်းအရာပြီးနောက်: 'နောက်ဆက်'; ... }

CSS ကိုဆိုက်အကြောင်းအရာထဲက running မတိုင်မီ: ဒါဟာမှတ်မိဖို့ကအရေးကြီးတယ်။ စတိုင်များစာမျက်နှာ၏အကြောင်းအရာဆက်စပ်နေကြသည်မဟုတ်။ Pseudo - အဘယ်သူမျှမချွင်းချက်ဖြစ်ပါတယ်။ သူတို့ site ၏သက်ဆိုင်ရာကဏ္ဍများအတွက်သူတို့ကိုသုံးစွဲဖို့အတွက် DOM သစ်ပင်၌ထင်ရှားနှင့်မလိုလားအပ်သောကြဘူး - အကြောင်းအရာအတွက်, သူတို့ကမရပါလိမ့်မယ်။

သည် "" နှင့် ":: အသုံးပြုခြင်း" မိုဘိုင်းပလက်ဖောင်းများနှင့်ခေတ်သစ်ဘရောက်ဇာကထောက်ခံပေမယ့်မကြာခဏပိုမဟုတျပါအဟောင်းတွေဗားရှင်းပေါ်တွင်အလုပ်စစ်ဆေးသည်။

Pseudo-မ site ရဲ့အကြောင်းအရာထဲမှာထည့်သွင်းများ၏ content ။ ဒါဟာရှာဖွေရေးအင်ဂျင်ကိုမြင်ရလိမ့်မည်မဟုတ်ပါ။ ဒီအခြေအနေမျိုးကိုအသုံးပွုဖို့ကိုဘယ်လို - အကြောင်းအရာတစ်ခု url အခါ) (စိတ်ဝင်စားဖို့, လွတ်လပ်စွာတစ်ခုသို့မဟုတ်ရှုပ်ထွေးအတွက်တိကျသောအခြေအနေအပေါ်မူတည်ပေမယ့်မတိုင်မီ CSS ကို အသုံးပြု. ဖြစ်နိုင်ခြေအဖြစ်အပြီး။ အဆိုပါ site ကိုမှလင့်များအဖြစ်အကြောင်းအရာကြားဖြတ်၏တိုက်ရိုက်အသုံးပြုခြင်း, သူ့ကိုဥပမာ, ပုံဖိုင်တစ်ခုဒေါင်းလုပ်လုပ်ရန်ခွင့်ပြုပါလိမ့်မယ်။

အွန်လိုင်းစတိုင်ဖိုင်တွေကိုပြောင်းလဲနိုင်စွမ်း (စတိုင်စာရွက်များဖိုင်တွေထပ်ဆင့် - မပါချွင်းချက်) ပုံစံနှင့်အတူဝင်ရောက်စွက်ဖက်ခြင်းနှင့်ကအဆင်ပြေအဖြစ်ဧည့်သည်ရဲ့လုပ်ရပ်တွေကိုပေါ် မူတည်. ညာဘက်ရာအရပျ algorithm ကိုအတွက်မဆိုပေးထားအချိန်တွင်ကြားဖြတ်အသုံးမထားဘူး။