छद्म तत्वों शैलियों प्राथमिकता

Question

मैं छद्म तत्वों शैलियों के साथ खेल रहे हैं और एक व्यवहार है कि मुझे

हैरान निम्नलिखित सीएसएस और एचटीएमएल

एचटीएमएल पर विचार भर में आया था:

<p> 
     Note: As a rule, double colons (::) should be used instead of a single colon (:). This distinguishes pseudo-classes from pseudo-elements. However, since this distinction was not present in older versions of the W3C spec, most browsers support both syntaxes for the sake of compatibility. Note that ::selection must always start with double colons ::. 
    </p> 

और शैलियों

p::first-letter { 
    font-size: 20px; 
    color: red; 
} 

p::first-line { 
    font-variant: small-caps; 
    color: green; 
} 

p::before { 
    content: 'Start'; 
    color: blue; 
} 

क्रोम में व्यवहार निम्न है: पहले अक्षर :: conten से पहले टी रंग लाल है, भले ही इसकी पी और :: की सामग्री नहीं है, शैलियों से नीले रंग को ओवरराइट नहीं किया जाता है।

इसके अलावा जब वहाँ में :: कोई पत्र की सामग्री से पहले है और मैं & या डाल * वहाँ - सब पहली पंक्ति हरी हो जाता है और कोई :: पहला अक्षर और :: शैलियों से पहले लागू होता है।

Firefox में प्रदान किए गए कोड का परिणाम हो सकता है निम्नलिखित:

मैं उबंटू 17.04 के तहत नवीनतम ब्राउज़र संस्करणों का उपयोग कर रहा

तो किसी को समझा सकता है क्यों :: सामग्री से पहले अन्य से चुना जाता है छद्म-तत्व चयनकर्ताओं और वहां शैलियों को लागू किया गया है और क्यों स्वयं :: शैलियों से पहले उन्हें ओवरराइट नहीं करते हैं, भले ही वे "बाद में" शैलियों हैं।

Answer 1

पहली पंक्ति और पहले अक्षर के लिए, यह वास्तव में विशिष्टता की समस्या नहीं है। यह सिर्फ इस तरह निर्दिष्ट:

नियमित तत्वों की सामग्री के साथ के रूप में, :: पहले और के द्वारा निर्मित सामग्री को: छद्म तत्वों किसी भी :: पहली लाइन और में शामिल किया जा सकता के बाद :: प्रथम पत्र छद्म तत्व अपने मूल तत्व पर लागू होते हैं।

(source)