सीएसएस एक बहुत ही सरल, नियमित भाषा है, जिसका अर्थ है कि इसे रेगेक्स द्वारा पूरी तरह से पार्स किया जा सकता है। इसके अलावा चयनकर्ताओं के समूह हैं, प्रत्येक के बाद कोलों द्वारा अलग विकल्पों के समूह के बाद।
ध्यान दें कि इस पोस्ट में सभी regexes वर्बोज़ और dotall निशानी नहीं लगाई होना चाहिए (/ s और/एक्स कुछ भाषाओं, re.DOTALL और अजगर में re.VERBOSE में)।
\s* # Match any initial space
([^{}]+?) # Ungreedily match a string of characters that are not curly braces.
\s* # Arbitrary spacing again.
\{ # Opening brace.
\s* # Arbitrary spacing again.
(.*?) # Ungreedily match anything any number of times.
\s* # Arbitrary spacing again.
\} # Closing brace.
यह एक विशेषता चयनकर्ता में एक उद्धृत धनुषाकार कोष्ठक होने के दुर्लभ मामले में काम नहीं करेगा (जैसे img[src~='{abc}']) या एक नियम में (जैसे background: url('images/ab{c}.jpg'):
(चयनकर्ताओं, नियम) की जोड़ी प्राप्त करने के लिए)। इसे रेगेक्स को जटिल बनाकर कुछ और तय किया जा सकता है:
\s* # Match any initial space
((?: # Start the selectors capture group.
[^{}\"\'] # Any character other than braces or quotes.
| # OR
\" # An opening double quote.
(?:[^\"\\]|\\.)* # Either a neither-quote-not-backslash, or an escaped character.
\" # And a closing double quote.
| # OR
\'(?:[^\']|\\.)*\' # Same as above, but for single quotes.
)+?) # Ungreedily match all that once or more.
\s* # Arbitrary spacing again.
\{ # Opening brace.
\s* # Arbitrary spacing again.
((?:[^{}\"\']|\"(?:[^\"\\]|\\.)*\"|\'(?:[^\'\\]|\\.)*\')*?)
# The above line is the same as the one in the selector capture group.
\s* # Arbitrary spacing again.
\} # Closing brace.
# This will even correctly identify escaped quotes.
वाह, यह एक मुट्ठी भर है। लेकिन यदि आप इसे मॉड्यूलर फैशन में देखते हैं, तो आप देखेंगे कि यह उतना जटिल नहीं है जितना कि यह पहली नज़र में दिखता है।
अब, चयनकर्ताओं और नियमों को विभाजित करने के लिए, हमें उन पात्रों के तारों से मेल खाना पड़ेगा जो या तो गैर-डिलीमीटर (जहां एक डिलीमीटर चयनकर्ताओं के लिए अल्पविराम है और नियमों के लिए अर्धविराम है) या किसी भी चीज़ के साथ तारों को उद्धृत किया गया है। हम उसी पैटर्न का उपयोग करेंगे जो हमने ऊपर उपयोग किया था।
चयनकर्ताओं के लिए:
\s* # Match any initial space
((?: # Start the selectors capture group.
[^,\"\'] # Any character other than commas or quotes.
| # OR
\" # An opening double quote.
(?:[^\"\\]|\\.)* # Either a neither-quote-not-backslash, or an escaped character.
\" # And a closing double quote.
| # OR
\'(?:[^\'\\]|\\.)*\' # Same as above, but for single quotes.
)+?) # Ungreedily match all that.
\s* # Arbitrary spacing.
(?:,|$) # Followed by a comma or the end of a string.
नियमों के लिए:
\s* # Match any initial space
((?: # Start the selectors capture group.
[^,\"\'] # Any character other than commas or quotes.
| # OR
\" # An opening double quote.
(?:[^\"\\]|\\.)* # Either a neither-quote-not-backslash, or an escaped character.
\" # And a closing double quote.
| # OR
\'(?:[^\'\\]|\\.)*\' # Same as above, but for single quotes.
)+?) # Ungreedily match all that.
\s* # Arbitrary spacing.
(?:;|$) # Followed by a semicolon or the end of a string.
अंत में, प्रत्येक नियम के लिए, हम (! एक बार) एक बृहदान्त्र पर विभाजित एक संपत्ति-मान युग्म पाने के लिए कर सकते हैं।
लाना है कि सभी को एक साथ एक अजगर कार्यक्रम में (regexes ऊपर के रूप में ही हैं, लेकिन स्थान बचाने के लिए गैर शब्द):
import re
CSS_FILENAME = 'C:/Users/Max/frame.css'
RE_BLOCK = re.compile(r'\s*((?:[^{}"\'\\]|\"(?:[^"\\]|\\.)*"|\'(?:[^\'\\]|\\.)*\')+?)\s*\{\s*((?:[^{}"\'\\]|"(?:[^"\\]|\\.)*"|\'(?:[^\'\\]|\\.)*\')*?)\s*\}', re.DOTALL)
RE_SELECTOR = re.compile(r'\s*((?:[^,"\'\\]|\"(?:[^"\\]|\\.)*\"|\'(?:[^\'\\]|\\.)*\')+?)\s*(?:,|$)', re.DOTALL)
RE_RULE = re.compile(r'\s*((?:[^;"\'\\]|\"(?:[^"\\]|\\.)*\"|\'(?:[^\'\\]|\\.)*\')+?)\s*(?:;|$)', re.DOTALL)
css = open(CSS_FILENAME).read()
print [(RE_SELECTOR.findall(i),
[re.split('\s*:\s*', k, 1)
for k in RE_RULE.findall(j)])
for i, j in RE_BLOCK.findall(css)]
इस नमूने सीएसएस के लिए:
body, p#abc, #cde, a img .fgh, * {
font-size: normal; background-color: white !important;
-webkit-box-shadow: none
}
#test[src~='{a\'bc}'], .tester {
-webkit-transition: opacity 0.35s linear;
background: white !important url("abc\"cd'{e}.jpg");
border-radius: 20px;
opacity: 0;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 18px;
}
span {display: block;} .nothing{}
। .. हम (स्पष्टता के लिए स्थान दिया गया है) हो:
[(['body',
'p#abc',
'#cde',
'a img .fgh',
'*'],
[['font-size', 'normal'],
['background-color', 'white !important'],
['-webkit-box-shadow', 'none']]),
(["#test[src~='{a\\'bc}']",
'.tester'],
[['-webkit-transition', 'opacity 0.35s linear'],
['background', 'white !important url("abc\\"cd\'{e}.jpg")'],
['border-radius', '20px'],
['opacity', '0'],
['-webkit-box-shadow', 'rgba(0, 0, 0, 0.6) 0px 0px 18px']]),
(['span'],
[['display', 'block']]),
(['.nothing'],
[])]
पाठक के लिए सरल व्यायाम: सीएसएस कॉम दूर करने के लिए एक regex बारे में मेंट (/* ... */)।
और यह '.foo, .bar' के लिए काम नहीं करता है। –