CSS መሸጋገሪያ ማን ነው?

የ HTML ሰነድ አወቃቀር ከቤተሰብ ዛፍ ጋር ተመሳሳይ ነው. በቤተሰብዎ ውስጥ, ወላጆችዎን እና ሌሎች ከእርስዎ በፊት የመጡት ሌሎች ሰዎች አሉ. እነዚህ አባቶቻችሁ ናቸው. እነሆ: በእነርሱ ደስ የሚለኝ የምወደው ልጄ ይህ ነው አለ. ኤች ቲ ኤም ኤል በተመሳሳይ መንገድ ነው የሚሰራው. የሌሎች ውስጣዊ አካላት የሆኑ ዘሮቻቸው ዘሮቻቸው ናቸው. ለምሳሌ, እያንዳንዱ የኤችቲኤምኤል አካል ማለት በአካል> መለያዎች ውስጥ ስለሆነ የእነዚያ <የሰው> ክፍሎች አባላትን ይወርሳል. ይህ ግንኙነት ከሲ.ኤስ.ኤስ ጋር እንዴት መሥራትን እንደሚጀምሩት ማወቅ አስፈላጊ ነው.

የሲኤስ ሲቀዳሚ መምረጫዎች

የሲ.ኤስ.ኤስ.ኤስ ዘሮች መምረጫ በአንድ ሌላ አካል ውስጥ ያሉ ክፍሎችን (ወይንም በተጨባጭ በተቀመጠው መሰረት, የሌላ ኤሌድ ተወላጅ አባል የሆኑ አባላትን) ያገለግላል. ለምሳሌ, ያልተደረገባቸው ዝርዝር እንደ ዝርያዎች መለያ ያላቸው መለያ አለው. የሚከተሉትን ኤችቲኤምኤል እንደ ምሳሌ እንውሰድ:

• ይህ አገናኝ ነው

  የ LI መለያዎች የ UL መለያ ጎሳዎች ናቸው. መለያው የ LI (የልጅ ዘመድ) እና የኡልኤል (የልጅ የልጅ ዝርያ) መለያዎች ዝርያ ነው. የ

  ወላጅ <ወላጅ <ወላጅ <<ወላጅ
  • .

    ስለዚህ እነዚህን ዘሮችን በመምረጥ ተጠቅሞ የተወሰኑ አባላትን በድረ-ገጽ ላይ እንዴት ይጎተታሉ? በመጀመሪያ, ትናንሽ መምረጫዎችን በባዶ ቦታ በመለየት ሁለት (ወይም ከዚያ በላይ) ዓይነቶችን በመምረጥ መግለፅ አለብዎት.

    li a {text-decoration: none; }

    በዛ ምሳሌ ውስጥ, ቅጦች በዝርዝር ኤለመንት (

    • ) የጭረት ክፍል () ላይ ብቻ ሊተገበሩ ይችላሉ. ከዝርዝር ንጥረ-ወጭ ያልመጡ በገጾች ላይ ያሉ ሁሉም አገናኞች ይህን ቅጥ አይቀበሉም.

      ማስታወስ ያለብዎት አንድ አስፈላጊ ነገር ቢኖር በዘር ዘሮችዎ ውስጥ ሊጠቀሙባቸው በሚችሉ መለያዎች መካከል ምን ያህል መለያዎች እንደሚኖራቸው ነው. ሁለተኛው ክፍል በአንደኛው ክፍል ውስጥ በየትኛውም ቦታ ተዘግቶ ከሆነ እንደ ዘሩ ይመረጣል.

      ከኡል አባሎች የተገኙ ሁሉንም መልህቆች ለመምረጥ ከፈለጉ, እንደሚከተለው ይጽፋሉ:

      ul a {text-decoration: none; }

      አሁን, እነዚህ ቅጦች ቅፆች ከዝርዝር ንጥረ-ነገር ውስጥ ወዳለው ማንኛውም አገናኝ ላይ ተፈጻሚ ይሆናሉ. ይህን መራጭም መጻፍ ይችላሉ

      ulል አንድ {ጽሑፍ-ማስገር: ምንም; }

      ይህ ከሁለት ዓይነት መምረጫዎች የሚጠቀም የዘር መምረጫ ነው. በዚህ ሁኔታ, ይህ እንደ ውዝፍ-ንጥል ውስጥ ያሉ እና እንዲሁም ባልተዘረዘሩ ዝርዝር ውስጥ ላሉ አገናኞች ይተገበራል.

      Class Selectors እና ID Selectors መጠቀም

      እየወረደ ያሉዋቸው የመምረጫ ዓይነቶች ሁልጊዜ የእደ-ዘሮች መሆን አያስፈልጋቸውም. ለምሳሌ, "የቢንዲ ቦርድ" መታወቂያ መታወቂያ ያለበት ጣቢያው (እንደ ማካፈል) አንድ ቦታ ይኑርዎት. የመታወቂያው የዘር መራጭን ሊያዘጋጁ ይችላሉ:

      #billboard ul {በስተጀርባ-ቀለም: #ccc; }

      ይህ "የቢንዲ ቦርድ" መታወቂያ ያለው የአንድን አባል ዝርያ የዘር ስም ያልወጣውን ዝርዝር ይመዘግባል. ለክፍል እሴቶች ተመሳሳይ ነገር ማድረግ ይችላሉ.

      div.billboard ul {background-color: #ccc; }

      ይህ ማእከላዊው "የስብስብ ሰሌዳ" የክፍል ውስጥ ዋጋ አለው. ከላይ ያለው የሲ.ሲ.ሲ (CSS) ይህ የክፍል እሴት ካለው በማናቸውም ክፍፍል ውስጥ

      ክፍሉን ይይዛል.

      ከዘር ዝርያ መምረጫዎች ጋር ከባድ ሀዘን እና ማራባት ይችላሉ. ለምሳሌ, የእርስዎን ኤች ቲ ኤም ኤል ኮድ ለመጻፍ ከ Dreamweaver ለመጠቀም ከተጠቀሙ, በዚያ ገጽ ላይ ጠቋሚዎ ላይ በመጠባበቅ ላይ ተመስርቶ መምረጡን በራስ ሰር ለመፍጠር አዳዲስ የሲኤስ ደንቦችን ሲያክሉ አንድ ቅንብር አለ. በዚህ አጋጣሚ Dreamweaver የሚሠራው ድብልቅ ግስጋሴ እና ረዥም የዘር መምረጫ ይፈጥራል. የ CSS ሲሰራ ብዙ ልዩነት አያስፈልግም. በደንብ በሚፈለገው የመርጫው ዓይነት የሲሲ ሕግን ሳያገኙ (የሚያስፈልገውን ነገር ሳያሳዩ ሳይለቁ የማይጎበኟቸውን ማቀነባበሪያዎች ሳይቀር) በሚፈልጉት የዝርያዎች መምረጫ መካከል ሚዛን እንዲኖርዎ የሚፈልጉት ትልቅ.