नियमित अभिव्यक्ति एक एकल सीएसएस संपत्ति

Question

मैं वर्तमान में HTML पाठ का एक बड़ा बैच है मैच और मैं कई सीएसएस गुण है जो निम्न के समान है:

font:16px/normal Consolas; 
font:16px/normal Arial; 
font:12px/normal Courier; 

जो भी कई अन्य सीएसएस गुण और अन्य संबद्ध साथ आ जाते हैं एचटीएमएल मूल्य और टैग।

मैं एक नियमित अभिव्यक्ति है कि केवल इन "फ़ॉन्ट शैली" हड़पने होगा लिखने की कोशिश कर रहा है, इसलिए यदि मैं निम्नलिखित दो पैराग्राफ था:

<p style='font:16px/normal Arial; font-weight: x; color: y;'>Stack</p> 
<span style='color: z; font:16px/normal Courier;'>Overflow</span> 
<br /> 
<div style='font-family: Segoe UI; font-size: xx-large;'>Really large</div> 

यह केवल गुण font: के साथ शुरुआत से मेल खाएगा और अर्धविराम ; के साथ समाप्त होता है।

मैं RegexHero का उपयोग कर के आसपास खेला है और निकटतम मैं मिल गया है था:

\b(?:font[\s*\\]*:[\s*\\]*?(\b.*\b);) 

जो निम्नलिखित परिणाम सामने आए:

font:bold;     //Match 
font:12pt/normal Arial;  //Match 
font:16px/normal Consolas; //Match 
font:12pt/normal Arial;  //Match 
property: value;    //Not a Match 
property: value value value; //Not a Match 

लेकिन जब मैं का एक बड़ा ब्लॉक में ड्रॉप करने का प्रयास किया एचटीएमएल, चीजें उलझन में लग रही थीं और बड़े ब्लॉक को पहले निर्दिष्ट सीमाओं के बजाय चुना गया था।

मुझे कोई अतिरिक्त जानकारी और परीक्षण डेटा प्रदान करने में खुशी होगी जो मैं कर सकता हूं।

Answer 1

आपने .* लालची छोड़ी है, जिसका अर्थ है कि यह खाएगा और खाएगा और केवल अंतिम अर्धविराम उपलब्ध होगा। एक गैर-लालची बनाने के लिए एक प्रश्न चिह्न जोड़ें, यानी .*?।

अपडेट किया गया:

\b(?:font\s*?:\s*([^;>]*?)(?=[;">}])) 

मैं http://rubular.com/r/yRcED2n6wu पर यह पेज पर हर उदाहरण परीक्षण किया है।

Answer 2

मुझे पूरा यकीन नहीं है कि आप क्या पूछ रहे हैं, लेकिन मुझे लगता है कि इस समस्या को आपके स्टाइल टैग को सीएसएस के साथ बदलकर हल किया जा सकता है। समस्या को आपके एचटीएमएल के हेड टैग में निम्नलिखित रखकर हल किया जा सकता है।

<style type="text/css"> 

h1 { 

    font-family: Arial; 
    font-size: 15; 
    font-style:oblique; 

} 

h2 { 
    font-family: Courier; 
    font-size: 16; 
    font-style:oblique; 
} 
h3 { 
    font-family: Segoe UI; 
    font-size: xx-large; 
    font-style:oblique; 
} 


</style> 

अब, तुम सब एक अभिव्यक्ति (या अपने आप को) बनाने के लिए क्या करना है सेट इन फ़ॉन्ट शैली में से एक तो की तरह एक टैग के साथ उसके दोनों ओर के लिए है:

<h1> Cool Text! </h1> 

गुड लक!

Answer 3

इस RegEx का प्रयास करें:

(?:font:[^;]*); 

यह ऊपर अपने टुकड़ा से font:16px/normal Arial; और font:16px/normal Courier; मेल खाता है।

Answer 4

मेरा सुझाव है कि हम इस

\b((?:font:[^;]*?)(?:;|')) 

स्पष्टीकरण

\b    # Assert position at a word boundary 
(    # Match the regular expression below and capture its match into backreference number 1 
    (?:   # Match the regular expression below 
     font:   # Match the characters “font:” literally 
     [^;]   # Match any character that is NOT a “;” 
     *?    # Between zero and unlimited times, as few times as possible, expanding as needed (lazy) 
    ) 
    (?:   # Match the regular expression below 
        # Match either the regular expression below (attempting the next alternative only if this one fails) 
     ;    # Match the character “;” literally 
     |    # Or match regular expression number 2 below (the entire group fails if this one fails to match) 
     '    # Match the character “'” literally 
    ) 
) 

Answer 5

का प्रयास करें:

\bfont\s*:\s*([^;}"'<>]+)(?<=\S) 

कौन सा भी मामलों में जहां अन्य उत्तर असफल के लिए काम करेंगे। उदाहरण के लिए:

.foo { font: sans-serif 80% } 
... style="font: sans-serif 80%" ...