ከሲኤስኤስ ጀምሯል
CSS በየትኛው የትኛውም ውስጥ በሰነዱ ውስጥ ከየትኛው ክፍል ጋር እንደሚተገበር ይወስናል. እነዚህ ቅጦች የመመረጫዎች ይባላሉ እና ከአንዱ አንቀጾች ጋር ለመገጣጠም ከአንዳንድ አንቀጾች ጋር የሚዛመዱ በጣም የተወሳሰበ ስርዓቶች ጋር የተዛመዱ ናቸው (ለምሳሌ, p # myid> b.highlight ከየትኛውም ዓይነት መለያ ጋር ይዛመዳል. ክፍሉ የአንድን አንቀጽ ልጅ የአድራሻው መታወቂያ).
የሲኤስኤስ መምረጫ የድረ-ገጹ ክፍል ምን አይነት ቅጥ መሆን እንዳለበት የሚጠቁም የ CSS ቅርጸት አካል ነው. መምረጫው የተመረጠው ኤችቲኤምኤል እንዴት እንደሚደባለቅ የሚገልጹ አንድ ወይም ከዚያ በላይ ባህሪያትን ይዟል.
የሲኤስኤል መምረጫዎች
በርካታ የተለያዩ የመምረጫ ዓይነቶች አሉ:
- ተመርጦ መለየት - የተወሰኑ ኤለመንቶችን
- መደብ መምረጫዎች - ተዛማጅ አባሎች ከአንድ የተወሰነ መደብ ጋር
- የመለያ መርጦዎች - ከአንድ የተወሰነ መታወቂያ ጋር ኤዲት የሚዛመዱ
- የዘር መምረጫዎች - የአንድ የተወሰነ አባል ዘሮች የሆኑ ተባዶች የመያዝ
- የልጅ መምረጫዎች / ተመሳሳይ ንጥረነገሮች - ተዛማጅ አባሎች
- ሁለንተናዊ ማጣሪያዎች - ከማንኛውም አባል ጋር የሚዛመዱ
- በቅርበት ከሚገኙበት የእህት / እህት ማጣሪያ / ማጣሪያ-ተመሳሳይ ማጣሪያዎች ቀድሞውኑ ከአንድ የተወሰነ ክፍል በፊት ያስቀምጣቸዋል
- የተመረጡ መምረጫዎች ከአንድ የተወሰነ የባህርይ ወይም የአባልነት እሴት ጋር የሚዛመዱ አባሎች
- pseudo-class selectors-matching elements with a specific pseudo class
- pseudo-element selectors-matching elements with specific pseudo-element properties
የሲ ኤስ ኤስ ቅጦች እና የሲኤስ CSS መምረጫዎች
የሲኤስኤስ ቅርጸት ቅርጸት እንዲህ ይመስላል:
መራጭ: {style property: style; }
ተመሳሳዩን ቅይጥ ከኮማዎች ጋር የሚለያዩ መምረጫዎችን ለይ. ይህ መራጭ መሰባሰቢያ ይባላል. ለምሳሌ:
selector1 , selector2 {style property: style; }
የመምረጥ ምርጫዎችን መደመር የአንተን የሲ ኤስ ኤስ ቅጦች አጣጥፎ ለመያዝ የሚያስችል አጻጻፍ ስልት ነው.
ከዚህ በላይ የተጠቀሰው ቡድን የሚከተለው ውጤት አለው:
selector1 {የቅጥ ሁኔታ: ቅጥ; }
selector2 {የቅጥ ሁኔታ: ቅጥ; }
ሁልጊዜ የ CSS መራጭዎትን ይፈትሹ
ሁሉም አሳሾች ሁሉንም የሲ ኤስ ሲ መምረቶች አይደግፉም. ስለዚህ የመራጭዎቾን በተቻለ መጠን በተቻሉት ብዙ ስርዓተ ክወናዎች ላይ በበርካታ አሳሾች ላይ መሞከርዎን እርግጠኛ ይሁኑ. ነገር ግን የ CSS 1 ወይም የ CSS2 መምረጫዎችን የሚጠቀሙ ከሆነ ጥሩ መሆን አለብዎት.