በወራጅ ስቴቶች ቅደም ተከተሎች ውስጥ የሚፈጠረው ምን እንደሆነ ይወቁ

CSS አጭር ኮርስ

CSS ቅርጸት ሉሆችን ጠቃሚ ያደርገዋል. በአጭሩ, ክምችቱ እንዴት እርስ በርስ የሚጋጩ ቅጥዎች እንዴት እንደሚተገበሩ ቅድመ ቅደም ተከተል ይገልፃል. በሌላ አነጋገር ሁለት ቅጦች አለዎት-

ፒ {ቀለም: ቀይ; }
p {ቀለም: ሰማያዊ; }

የውይይት ወረቀቱ አንቀጾቹ የትኛዎቹ ቀለሞች መሆን እንዳለባቸው ይወስናል, የቅጥ ወረቀቱ ሁለቱም ቀይ እና ሰማያዊ መሆን አለበት ይላሉ. በመጨረሻው ላይ አንድ ቀለም ብቻ ለአንቀጽ ጥቅም ላይ ሊውል ይችላል, ስለዚህ ትዕዛዝ መኖር አለበት.

እና ይህ ትዕዛዝ የሚተላለፈው በየትኛው ምርጫ ነው (ከላይ በተጠቀሰው ምሳሌ ውስጥ ያለው ፒ) በሂደቱ ውስጥ የሚታይ ቅደም ተከተል ያለው.

የሚከተለው ዝርዝር አሳሽዎ ለቅጥያነት ቅድሚያ እንደሚሰጥ ቀለል ያለ መንገድ ነው:

  1. ኤለሙን ከተመሳሳይ ፈላጊው የቅጥ ሉህ ይመልከቱ. ምንም የተገለጹ ቅጦች ከሌሉ, ነባሪ ደንቦችን በአሳሹ ይጠቀሙ
  2. ምልክት የተደረገባቸው ተቆልጦ የተቀመጡ ሠንጠረዦችን ይመልከቱ እና አስፈላጊ በሆኑት አካላት ላይ ይተግብሩ.
  3. በቅጥ ሉሆቹ ውስጥ ያሉ ሁሉም ቅጦች ነባሪ የአሳሽ ቅጦችን ይደመስሱታል (በተጠቃሚ ቅጥ ገጽታዎች ካልሆነ በስተቀር).
  4. የቅጥ መምረጫው ይበልጥ የተበጀውን, ቅድሚያውን ይይዛል. ለምሳሌ, div> p.class ከ p.
  5. በመጨረሻም, ሁለት ደንቦች ለተመሳሳዩ ኤለመንቶች የሚተገፉና ተመሳሳዩን የመምረጫ ቅድመ ሁኔታ ካላቸው, የመጨረሻውን የተጫነው ይፈጸማል. በሌላ አነጋገር, የቅጥ ሉህ ከታች ተነስቶ ከታች ተነስቶ የተለያየ ነው.

በእነዚህ ህጎች መሰረት, ከላይ በተሰጠው ምሳሌ ውስጥ, አንቀጾች በሰማያዊ ነው, ምክንያቱም p {color: blue; } በቅጥ ሉሆች መጨረሻ ላይ የሚመጣ ነው.

ይህ በጣም ቀላል ቀለል ያለ ማብራሪያ ነው. ስዕላዊ ድግሴ እንዴት እንደሚሰራ የበለጠ ለመማር ፍላጎት ካሳየዎት ማንበብ አለብዎ "Cascade" በካርድስቲክ ስቴሽን ሉሆች ውስጥ ምን ማለት ነው? .