በሲኤስኤል እንዴት ያለ የሴባ ነጠብጣብ ሠንጠረዦችን እንዴት እንደሚፈጠር

በመጠቀም: nth-of-type (n) ከ ሰንጠረዦች ጋር

ሠንጠረዦችን ለማንበብ ቀላል እንዲሆን, ብዙውን ጊዜ የጀርባ ቀለሞችን በመደመር ረድፎችን ለመደብደብ ይረዳል. ሰንጠረዦችን አሠልጥቆ ለማውጣት በጣም የተለመዱ መንገዶች አንዱ የሌሎች ረድፎች ሁሉ የጀርባ ቀለም ማዘጋጀት ነው. ይህ ብዙውን ጊዜ "የዚባ ቆዳዎች" ይባላል.

ይህንን ማከናወን የሚችሉት እያንዳነ ሌላ ረድፍ በሲኤስ ሲደረድር እና በመቀጠል ለዚያ ክፍል ስልት ነው. ይሄ የሚሰራ ነገር ግን ለመሄድ የተሻለው ወይም በጣም ቀልጣፋ መንገድ አይደለም.

ይህን ዘዴ ሲጠቀሙ, ያንን ሰንጠረዥ ለማረም በያንዳንዱ ጊዜ በሰንጠረዡ ውስጥ እያንዳንዱን ረድፍ አርትእ ማድረግ ከያንዳንዱ ለውጦች ጋር ወጥነት ያለው መሆኑን ያረጋግጡ. ለምሳሌ, ወደ እርስዎ ሰንጠረዥ አዲስ ረድፍ ካስገቡ, ከታችኛው እያንዳንዱ ረድፍ ከዚያ ክፍል እንዲቀየር ይፈልጋል.

ሲባሊዩች በሠረገላ ማሰሪያዎች ሠንጠረዦችን ሇመስራት ቀላል ያደርገዋሌ. ተጨማሪ የኤችቲኤም ባህሪያት ወይም የሲ ኤስ ሲ ትምህርት መደቦችን ማከል አያስፈልግዎትም, እርስዎ የሚጠቀሙት: n-type (n) የሲ ኤስ ኤስ መምረጫ ነው .

የ "n-type-n" መምረጫ በሲኤስኤል ውስጥ መዋቅራዊ መደመር ሲሆን በወላጅ እና በወንድም / እህት / ባላቸው ግንኙነቶች ላይ ባላቸው ግንኙነቶች መሰረት የ "ቅጥ አካላት" ("style elements") ነው. በእስዎ ትዕዛዝ ላይ ተመስርተው አንድ ወይም ከዚያ በላይ ክፍሎችን ለመምረጥ ሊጠቀሙበት ይችላሉ. በሌላ አባባል, የአንድ የተወሰነ ዓይነት ወላጅ ና የልዩ ህጻን እያንዳንዱን ክፍል ማዛመድ ይችላል.

ደብዳቤው n ቁልፍ ቃል (እንደ ጎሳ ወይም እንዲያውም), ቁጥር, ወይም ቀመር ሊሆን ይችላል.

ለምሳሌ, በእያንዳንዱ የበፊቱ የአርእስ መለያ በቢጫ ጀርባ ቀለሙን ለማስተዋወቅ, የ CSS መግለጫ ሰነድዎ የሚከተሉትን ያካትታል:

p: n-of-type (odd) {
ጀርባ: ቢጫ;
}

በኤች ቲ ኤም ኤል ሰንጠረዥ ይጀምሩ

በመጀመሪያ, በተለምኛው ኤች.ቲ.ኤም.ቢ ውስጥ እንደ ሰንጠረዥ እንደመሆንዎ መጠን ሰንጠረዥዎን ይፍጠሩ. ወደ ማንኛውም ረድፎች ወይም ዓምዶች ልዩ ልዩ መደቦችን አያክሉ.

በእርስዎ የቀዬ ደብተሪ ሰነድ ውስጥ የሚከተለውን የሲኤስኤል አክል ያክሉ:

tr: n-type (odd) {
የበስተጀርባ - ቀለም: #ccc;
}

ይሄ በመጀመሪያው ረድፍ የሚጀምሩ ግራጫ ቀለም ያለው ቀለም በመጠቀም እያንዳንዱን ረድፍ ይከተላል.

ቅጥ ያላቸው አማራጭ ዓምዶች በተመሳሳይ መንገድ

በሠንጠረዦችዎ ውስጥ ወዳሉ ዓምዶች ተመሳሳይ አይነት መቀየሪያ ማድረግ ይችላሉ. ይህንን ለማድረግ በ CSS አርእስዎ ውስጥ td ይለውጡ. ለምሳሌ:

td: n-of-type (odd) {
የበስተጀርባ - ቀለም: #ccc;
}

በቀመር (n) ተመን (n) ፈጣሪያ ላይ ቀመርን በመጠቀም

በምርጫው ውስጥ ጥቅም ላይ የዋለው ቀመር ነው.

ለምሳሌ, በእያንዳንዱ 3 ኛ ረድፍ የበስተጀርባ ቀለም ማስቀመጥ ከፈለጉ, የእርስዎ ቀመር 3n + 0 ይሆናል. የእርስዎ የሲኤስኤስ ይህን ይመስላል

tr: n-type (3n + 0) {
በስተጀርባ: slategray;
}

የኒን-ዓይነት-መራጭን ለመጠቀም ጠቃሚ የሆኑ መሣሪያዎች

የኒው-ፎር-መራጭ መምረጫውን በመጠቀም የመደመር ገጽታ ትንሽ ቀለል ያለ ስሜት ከተሰማዎት, nth-of-type የተመረጠውን ጣቢያ የሚፈልጓቸውን መልክ እንዲያሳርፉ የሚያግዝዎ ጠቃሚ መሳሪያ ነው. እንደ አውሮፕላኖችን (ኔትወርክ) ለመምረጥ ወደ ተቆልቋይ ምናሌ ተጠቀም.