🎨

ነፃ CSS ውበት ጨማሪ

የተጨመቀ CSS ን ከወጥ ገብ ጋር በንጹህ ያትሙ። ለተገማች ልዩነቶች አማራጭ የፊደል-ተከተል ንብረት ደረደራ።

በአሳሽዎ ውስጥ ይሰራልምዝገባ የለም፣ ብቅ-ባይ መስኮቶች የሉምምዝገባ አያስፈልግምለዘላለም ነፃ

ከተጫነ በኋላ ከመስመር ውጭ ይሠራል

ማስረቂያ:

ንብረቶችን በፊደል ቅደም ተከተል ደርድር

ፋይሎችን እዚህ ይጣሉ፣ ወይም ለማሰስ ጠቅ ያድርጉ

CSS · የፋይል መጠን ገደብ የለም

ወይም ከቅንጥብ ሰሌዳዎ ለመለጠፍ Ctrl+V ይጫኑ

ፋይሎችን አስስ

የተጨመቀ / ግርግር CSS

የተስተካከለ CSS

ውጤት እዚህ ይታያል…

እንዴት እንደሚሠራ

ይህ መሣሪያ CSSን በቀጥታ በገጹ ውስጥ በተገነባ በእጅ የተጻፈ ተደጋጋሚ (recursive) ተንታኝ ያስተካክላል — ምንም የሦስተኛ ወገን ላይብረሪ፣ ምንም የአገልጋይ ጥሪ የለም። ተንታኙ CSSዎን ቁምፊ በቁምፊ ያልፋል፤ በጥቅስ ያሉ ሕብረቁምፊዎችን፣ የurl() እሴቶችን፣ የተከተቱ @-ሕጎችን እና ቀለል ያሉ በregex ላይ የተመሠረቱ ዘዴዎችን ሊያደናግሩ የሚችሉ አስተያየቶችን በትክክል ያስተናግዳል።

1
በቁምፊ ደረጃ መከፋፈል
walkCss ተግባር ጥሬውን ግቤት አንድ ቁምፊ በአንድ ጊዜ ይቃኛል፤ የጥቅስ ሁኔታን እና የቅንፍ ጥልቀትን ይከታተላል፤ ስለዚህ በurl()፣ በሕብረቁምፊ እሴቶች ወይም በአስተያየቶች ውስጥ ያሉ ሴሚኮሎኖች ወይም ቅንፎች ለመዋቅራዊ መለያዎች በፍጹም አይሳሳቱም።
2
የብሎኮች እና የመግለጫዎች መለያየት
ቃኚው በላይኛው ደረጃ የሚከፍት ቅንፍ ሲያገኝ መግቢያውን (መራጩን ወይም የ@-ሕግ ቁልፍ ቃሉን) ያወጣል እና የብሎኩን አካል በድጋሚ ያስኬዳል — ይህ አካል ራሱ በጥልቀት የሚስተናገዱ የተከተቱ ሕጎችን (@media፣ @supports፣ የCSS አብሮገነብ መክተት) ሊይዝ ይችላል።
3
የንብረቶች መደርደር እና ገብ
በእያንዳንዱ ብሎክ ውስጥ ያሉ መግለጫዎች ይሰበሰባሉ፣ ከዚያም ከመጻፋቸው በፊት በተመረጠው የገብ ስፋት (2 ወይም 4 ክፍተቶች) በንብረት ስም በፊደል ቅደም ተከተል በአማራጭ ይደረደራሉ። የማሳነስ ሁነታ ክፍተቶችን ሙሉ በሙሉ ይተዋል እና አስተያየቶችን ያስወግዳል።
4
ፈጣን ውጤት በአሳሹ ውስጥ
ውጤቶቹ በuseMemo hook አማካኝነት ሲተይቡ ይታያሉ — ወደየትም ምንም አይላክም። የተስተካከለው ወይም የተሳነሰው CSS ወደ ቅንጥብ ሰሌዳ ሊቀዳ ወይም እንደ .css ፋይል ሊወርድ ይችላል፤ ፓነሉ ከመጀመሪያው ጋር ሲነጻጸር ያለውን የመጠን ልዩነት ያሳያል።