የሲ, ሃሳዊ, ሃሳዊ: ማንዣበብ, ልጅ, ዒላማ

HTML እና CSS በማጣመር, እናንተ ፍጹም ድረ ገጾች ሁሉ ክፍሎች መቆጣጠር ይችላሉ. ቅጦች ጋር በቀላሉ በማንኛውም የማገጃ ወይም መስመር መልክ መለወጥ ይችላሉ. ብዙውን ጊዜ ይበልጥ ውስብስብ ተግባር ማከናወን አለብህ coder - አንድ የተለየ ክፍል ወይም በአንድ በተወሰነ ሁኔታ እንደ ራሱ አይደለም ያለው ኤለመንት መልክ ለመለወጥ. በዚህ ሁኔታ ውስጥ, ሃሳዊ የሲ እርዳታ ነው.

መንቀሻ ውስጥ መደበኛ ክፍሎች ተመሳሳይ መርህ ላይ ሀሣዊ ለማሰራት, ነገር ግን በአካል እነሱ እዚህ ማቅረብ አይደሉም. እነዚህ በተለመደው መራጭ መምረጥ አይችልም ይህም ሰነድ መረጃ, ውስጥ ያልተካተቱ ክፍሎች መሠረት የተመረጠው ይቻላል. እዚህ ላይ አንድ ቀላል ምሳሌ ነው: አንድ ቀይ አዝራር አለን, እና እሱን ሰማያዊ ሆነ ሲያንዣብቡ አንተ ይፈልጋሉ. በንድፈ, ጃቫስክሪፕት ውስጥ ተግባራዊ ሊሆን ይችላል, ነገር ግን ለምን ይህን ያህል አስቸጋሪ ነው? ይበልጥ አመቺ የሆነ ለመጠቀም : የሲ ኤስ ኤስ ያንዣብቡ. በውስጡ እርዳታ ከማንኛውም ዩኒት ጊዜ ብቻ የመዳፊት ጠቋሚን አይጀመርም መሆኑን ልኬቶችን መስጠት ይችላሉ.

CSS ሃሳዊ-መደቦች ዝርዝር በየጊዜው የዘመነ ነው. ምናልባትም, ይህን ይዘት, በርካታ አዳዲስ ከሚታይባቸው ለማንበብ ሳለ. በ CSS3 ዝርዝር ውስጥ ሲገለጥ ይህ ሰዎች እንመልከት: ለመጀመር.

: ከውሂብ--አይነት

አንተ ማለትም alternating ቀለሞች, መጠቀም ይፈልጋሉ ውስጥ ዝርዝር አለህ እንበል, የመጀመሪያው መስመር ነው, ቀይ ፊደላት የተጻፉ ለምሳሌ, እና ሁለተኛው ምክንያት - ሰማያዊ ውስጥ እንደገና, እንደገና ሦስተኛ ቀይ አራተኛ .. ሰማያዊ,. ቀደም አዲስ ክፍሎች ለመፍጠር ነበር. ያለፈውን አቀማመጥ ክፍል ዝርዝር ላይ ለእያንዳንዱ ኤለመንት ታክሏል, እና ከዚያም stylesheet ውስጥ ያላቸውን መልክ ተቀይሯል. በጣም ምቹ እና አቀማመጥ እየበከሉ አልነበረም.

አሁን ሁሉም ነገር ቀላል ነው. CSS ሃሳዊ-መደብ ይጠቀሙ: ከውሂብ-መካከል-አይነት. ይህ ለውጥ ያዥ ውስጥ ምንም ነገር መቀየር ያለ, የተፈለገውን የእይታ ውጤት ለማግኘት እድል ይሰጣቸዋል. የ መርህ ቀላል ነው; አንድ መራጭ አስገባ, እና በቅንፍ ውስጥ ያለውን ስም በኋላ አንድ ቀመር ወይም የሚያስፈልገውን ንጥረ ነገሮች ታገኛለህ አንድ ቁልፍ ቃል ጻፍ. የ ጎዶሎ - ከውሂብ-መካከል-አይነት (ጎዶሎ): ለምሳሌ ያህል ፈቃድ ሁሉ እንኳ ንጥረ ነገሮች (እንኳን) መካከል-አይነት-ከውሂብ, እና ,:. ቀመሮች ከፍተኛ ቁጥር በትክክል ለመቆጣጠር ጥቅም ላይ ናቸው አሉ. የ ቅንፎች በተቻለ ቁጥር ያመለክታሉ - በዚህ ጉዳይ ቅጦች ውስጥ የማን ኢንዴክስ ይህን ቁጥር ጋር እኩል ነው ኤለመንት ተግባራዊ ይሆናል.

: ከውሂብ-ልጅ

እርምጃ መርህ ላይ ይህን የሲ ሃሳዊ-ክፍል ወደ ቀድሞው ሰው ጋር ተመሳሳይ ነው, ነገር ግን በተቃራኒ ግን የተመረጠው ንጥል ልጆች ጋር ብቻ ይሰራል. የ

ወላጅ
• ስለሆነ, ከውሂብ-ልጅ: አንተ ዝርዝር ውስጥ
• መለያዎች መልክ ለማበጀት መጠቀም ከፈለጉ ለምሳሌ ያህል, አንተ ul ንድፍ መጠቀም አለብዎት.

  የቀመሩ ትክክለኛ ቁጥጥር መጠቀም ይቻላል. እነዚህ ጀማሪ ለማግኘት በጣም አስቸጋሪ ነው; ሆኖም ሁሉም ነገር ቀላል እየሆነ እንዴት ያለውን አገባብ ወደ ትንሽ ጠለቅ ዋጋ ነው. በስእሉ እንደሚታየው ቀመሮች ናቸው: አንድ ቦታ ያለ + ለ, - ማካካሻ - አንድ ምክንያት, እና ለ ነው. n እንደሚያመለክቱት ቅንፍ ውስጥ ከሆነ ለምሳሌ ያህል, (ይህም እና መልክ ተጨማሪ ውሎች አልተገለጸም ነው; ምክንያቱም ለ) ሁሉም ልጅ አባሎች ሃሳዊ-ይመርጣል. (የማካካሻ ሁለት እኩል ስለሆነ) አንተ n + 2, የመጀመሪያው በስተቀር ሁሉንም ክፍሎች መጥቀስ ከሆነ ይመረጣል. ከሁሉም ምርጥ, በዚህ ጊዜ በተግባር ማጥናት. ልጁ አካሎች እና የተለያዩ ቀመር ጋር መሞከር.

  : ለመጨረሻ-ልጅ

  ሁሉም ነገር ቀላል ነው. CSS ልጅ ሃሳዊ-ክፍሎች በተወሰነ ንጥል ለመምረጥ ጥቅም ላይ ይውላሉ. ይህ ወላጅ ክፍል የመጨረሻ ልጅ ይመርጣል. ወደ ቀጣዩ መስመር የራሱ ዝውውር ለማስወገድ ሰንጠረዥ የመጨረሻ ረድፍ ይምረጡ ወይም ባለፈው የማገጃ ከ በገቡ ለማስወገድ, ለምሳሌ, በጣም ብዙ ጊዜ ጥቅም ላይ ይውላል.

  : ከውሂብ-የመጨረሻ-ልጅ

  ወደላይ መንቀሳቀስ ያደርጋል ንጥረ ነገሮች በመጠቀም ጊዜ, ማለትም. ሠ የክወና መርህ በማድረግ ቀደም ሲል የተጠቀሰው ከውሂብ-ልጅ ጋር ተመሳሳይ ነው, ነገር ግን በተቃራኒ አቅጣጫ ላይ እርምጃ ይወስዳል. ባለፉት ጥቂት ንጥሎች ማግኘት ካስፈለገዎት ይሄ ጠቃሚ ነው.

  እርስዎ ነገሮች ከመደበኛው ክፍሎች በሚገባ ያከናውኑ ስለሚችል እነዚህን ሃሳዊ-ክፍሎችን እና ሃሳዊ-ክፍሎች, ፋይዳ CSS እንደሆነ ማሰብ እንችላለን. ይህ እንዲህ አይደለም. : ከውሂብ-ልጅ ,: nth- የመጨረሻ-ልጅ - ለምሳሌ, የ የማገጃ ልጆች ትልቅ ቁጥር ያለው የት ጉዳዮች ላይ ትላልቅ ፕሮጀክቶች ላይ እየሰራ ጊዜ እና analogs በጣም አመቺ ናቸው. በእጅ ክፍሎች ረጅም እና አስቸጋሪ ማመቻቸት.

  ሀሣዊ ሁኔታ መቆጣጠሪያ

  እርስዎ በአንድ በተወሰነ ሁኔታ ውስጥ አንድ አባል መልክ ለመለወጥ ምን ያስፈልገናል ከሆነ? ይህ ጉዳይ CSS ሃሳዊ-ጠቅ በማድረግ, በመጠቆም እና ሌሎች ድርጊቶችን ያቀርባል. በእኛ በዝርዝር እነሱን እንመርምር.

  : አገናኝ

  ይህ ሃሳዊ የሲ ማጣቀሻዎችን, ሁሉም, ነገር ግን ብቻ ሰዎች ገና የተጎበኙ አይደለም መሆኑን. በውስጡ ለእናንተ ንጥረ , ተጠቃሚው ገና ያላገኘ ለዚህም የሚሆን ቅጦች መግለጽ ይችላሉ.

  : የተጎበኙ

  ብቻ አስቀድሞ የተጎበኙ አገናኞች ይቆጣጠራል ይህም ካለፈው ተመስሎ, አንድ ከአናሎግ. የሚያስፈልግህ እንደ እነዚህ ሁለት ሃሳዊ-ክፍሎች በማጣመር, እናንተ በትክክል መለያዎች መልክ ማበጀት ይችላሉ. የ ስቴቶች የተወሰኑ አሳሾች የሚሰላው እና ህክምና ታሪክ በኋላ የተሰናበቱ መሆኑን, ይሁን ይበሉ.

  ሀሣዊ መደብ: ዒላማ የሲ

  በተወሰነ ጥቅም ከሆነ ይህም በጣም ሳቢ ሃሳዊ-ክፍሎችን, አንዱ ጃቫስክሪፕትን መጠቀም ይተካዋል. ይህ መለያ በገጹ ረድፍ አድራሻ ውስጥ የተካተተ መሆኑን ለመቆጣጠር ያስችላል. አዎ, አስቸጋሪ ነው ለመጀመሪያ ጊዜ ለመረዳት. ምሳሌ መተንተን ይሞክሩ.

  id1, id2, id3: ዎቹ እኛ አንዳንድ መታወቂያ ጋር ገጽ 3 ብሎኮች div ላይ ናቸው እንበል. # Id1, # id2: እኛ ደግሞ href ተዛማጅ እሴቶች ሦስት አገናኞች አላቸው # id3. ገጹ ራሱ ይሆናል ተጓዳኝ መታወቂያ አገናኝ በኋላ በገጹ ረድፍ አድራሻ የመጀመሪያው አገናኝ ላይ ጠቅ ጊዜ.

  የንብረት ማሳያ የተገለጹ ሁሉንም ብሎኮች div የ CSS: አንዳቸውም, በነባሪነት አይታዩም ነው. እኛ ዒላማ ይጠቀሙ: div እና አንድ ንብረት ማሳያ መስጠት: የማገጃ. እርስዎ አንዳንድ የ href ጋር አገናኞች ላይ ጠቅ ጊዜ አሁን, ተጓዳኝ መታወቂያ ጋር ያግዳል ማሳያ ይመደባሉ: የማገጃ, ስለዚህ, እነርሱ ገጹ ላይ እንዲታዩ ይጀምራል! እርስዎ = http href አገናኙን ጠቅ ጊዜ: // ጣቢያ / አንቀጽ / 319683 /% E2% 80% 9D # id1% E2% 9D በጣም ላይ id1 ጋር ለማገድ, እና ያደርጋል 80% ..

  ያም ሆኖ ምንም ነገር አያውቁም? ሙከራ ይሞክሩ. ከላይ እንደተገለጸው አንድ ገጽ አቀማመጥ እና ቅጦችን ይፍጠሩ. ከጥቂት ደቂቃዎች በኋላ አንድ ታላቅ ቁጥር ሁሉም ነገር ውጭ አላቸው.

  ማንኛውም አባል ሊተገበር የሚችል ሀሣዊ

  ለስራው የሚያስፈልጉ ከላይ በተገለጸው ሃሳዊ-የሚያያዝ አብዛኛዎቹ. ይሁን እንጂ ሁሉም አባሎች ያስፈልገናል. በርካታ የሚል የወል ሙሉ በሙሉ ገጽ ማንኛውም ክፍል ላይ ሊተገበር ይችላል.

  • : ገቢር ተጠቃሚው በግራ የመዳፊት አዝራር ጠቅ ካደረገ የትኛው ላይ ቅጥ አባሎች ላይ ይውላል;
  • : ማንዣበብ - ይህም ወደ ክፍሎች የሲ ተጠቃሚው ላይ ሲያንዣብብ;
  • : ትኩረት - ትኩረት ውስጥ አሁን ያለውን ከገጹ እነዚህ ክፍሎች, ለ. ይህ ሃሳዊ-መደብ ብዙውን ጊዜ ቅጾች ጋር ለመስራት ጥቅም ላይ ይውላል. ለምሳሌ ያህል, አንተ ጎብኚ ላይ ጠቋሚውን ያስቀምጣል እና በመደወል ገጸ ሲጀምር, የተጠቃሚ ስም ጥያቄን ለመምረጥ ከፈለጉ.

  አስታውስ: አጣዳፊ ጊዜ ገቢር ብቻ ነው የሚሰራው. የግራ መዳፊት አዘራር መቋረጥ ይጠፋል ቅጦች እርዳታ ጋር ከተዋቀረ እና በነባሪ ይታያል እንደ ንጥል ይታያል በኋላ ወዲያው. አብዛኛውን ጊዜ, ይህ ሃሳዊ-መደብ አዝራሮች ጋር በመስራት ላይ ይውላል. አንተ ግዛቶች በርካታ ቁጥር እነሱን ማዘጋጀት ይችላሉ. , አረንጓዴ በመጫን - - ለምሳሌ, ነባሪ አዝራር ሰማያዊ, ማንዣበብ ነው ቀይ, ወዘተ ...

  እርግጥ ነው, ብቻ ሃሳዊ-ክፍሎች ሙሉ በሙሉ ዘመናዊ አሳሾች የሚደገፉ ናቸው. ለምሳሌ ያህል, IE6 ውስጥ እና 7 ብቻ IE6 ውስጥ የማመሳከሪያ ስራ ትኩረት, እና ማንዣበብ እና ንቁ መጠቀም አይችሉም. ተስፋ እናደርጋለን, እነዚህን አሳሾች ጋር መስራት አይደለም, ነገር ግን አሁንም ቢነሳም ያስፈልግዎታል ከሆነ, ሁኔታዊ አስተያየቶችን ይጠቀሙ.

  ተጨማሪ ሃሳዊ

  ዝርዝሩ ከላይ የተዘረዘሩት አማራጮች ሊኖሩ ማቆም አይደለም. (: በተደረገባቸው) ብቻ ምልክት አመልካች እና የሬዲዮ ሲቀያየር, (: ከነቃ) ወይም ብቻ ቆርጠህ (ተሰናክሏል) ብቻ ተካተዋል ንጥረ ዘመናዊ የሲ ምስጋና መልሶ ማግኘት ይቻላል. በአጭሩ አንድ ይበልጥ የተሟላ ቁጥጥር ይዘት መልክ መጠቀም የሚችሉ ጥቂት ተጨማሪ አማራጮችን መግለጽ.

  • : ብቻ-ልጅ - ብቸኛ ልጅ አባል የሆነውን ኤለመንት ወደ ቅጥ ማመልከት ይቻላል ከፈጣን;
  • : Lang - ቋንቋ lang መገለጫ ባህሪ በመጠቀም የተሰጠ መሆኑን ንጥረ ነገሮች ጋር መስራት;
  • : ስርወ - የስር አባል ለመምረጥ ስራ ላይ የሚውለው. በዚህ መሠረት እንዲህ ያለ ኤችቲኤምኤል መለያ ነው ;
  • : አይደለም - በጣም ኃይለኛ መሣሪያ ነው. አንተ selectors የተወሰኑ ቅጦች መጠቀምን ለመገደብ ያስችልዎታል. .blue-ቀለም: አይደለም (ስንዝር እዚህ አንድ ምሳሌ ነው ). እነርሱም አይደሉም ከሆነ አንድ መራጭ, ለክፍሉ ሰማያዊ-ቀለም ጋር ሁሉንም ነገሮች አንድ ቅጥ ተግባራዊ ለማድረግ.

  ሃሳዊ-ክፍሎች ሙሉ ዝርዝር በአንድ ገጽ ላይ ዘረጋ አይችልም. አብዛኛዎቹ ድር ንድፍ ጃቫስክሪፕትን ጋር ያለውን ሁኔታ ለማስተዳደር መርጣለች, በተግባር ከእነሱ ብቻ አንዳንድ ይጠቀማሉ. አዎን, ይህ አመቺ ነው, ነገር ግን ተገቢው ሃሳዊ በመጠቀም ይበልጥ ውጤታማ ውጤቶች ቀላል ማሳካት ይሆናል የት አንዳንድ ጊዜያት አሉ.