आगामी सीएसएस नवाचार

सीएसएस वर्किंग ग्रुप के सदस्य और Google Chrome टीम के सदस्य टैब एटकिंस ने स्लाइड्स को पिछले बुधवार को प्रस्तुत की गई प्रस्तुति के लिए पोस्ट किया।



यह प्रस्तुति चार अपेक्षाकृत नई अवधारणाओं को प्रदर्शित करती है। :



चर

चर निर्माण के माध्यम से एक चर घोषित करके, उसका नाम, मूल्य और रंग से लंबाई, घुमाव और कार्यों तक कुछ भी निर्दिष्ट करते हुए, इसे पृष्ठ पर उपयोग किए गए सभी सीएसएस द्वारा पहुँचा जा सकता है।



स्थानीय निर्माणों के माध्यम से स्थानीय चर के लिए समर्थन भी मौजूद होगा

@var paragraph-size length 12px; @var paragraph-color color rgba(0,0,0,0); p {   color: var(paragraph-color);   font-size: var(paragraph-size); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

दोष

डिफ़ॉल्ट मानों को निर्धारित करने की क्षमता के साथ आवश्यक गुणों के साथ नियम का विस्तार करने में असमानताएं संभव हैं।

 @mixin error {  background: #fdd;  color: red;  font-weight: bold; } div.error {  border: thick solid red;  padding: .5em;  @mixin error; } span.error {  text-decoration: underline;  @mixin error; }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

अनुलग्नक नियम

वर्तमान सीएसएस अटैचमेंट, विशेष रूप से कक्षाओं या आईडी के उपयोग के बिना, दर्दनाक हैं। इसे सरल बनाने के लिए यह निर्माण प्रस्तुत किया गया है। यह वर्तमान शासन के वंशजों पर लागू होगा, इसका नाम विरासत में मिलेगा। अब हम इस संरचना को स्पष्ट कर सकते हैं:

 header {  color: red;  @this a {    color: blue;  } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

मॉड्यूल

नहीं, सीएसएस को बनाने वाले मॉड्यूल नहीं। मॉड्यूल चर और अशुद्धियों के लिए साधारण नामस्थान हैं। चर और अशुद्धियों को स्वयं के नाम की शुरुआत में मॉड्यूल नाम लिखकर या उपयोग निर्माण का उपयोग करके परिभाषित किया जा सकता है।

 @module foo {  @var bar color red;  @mixin baz { color: blue; } } .foo {  color: var(bar); //   } .bar {  @use foo;  color: var(bar); //  } .baz {  @mixin foo|baz; //  }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

हालांकि वर्तमान कोड केवल सिडनी में कुछ मशीनों पर उपलब्ध है, Google की योजना इस तिमाही के शुरुआती विनिर्देश को प्रकाशित करने और वर्ष के अंत से पहले नवाचारों को लागू करने की है। यह देखते हुए कि www-शैली की ईमेल सदस्यता में न तो ये चर योजनाएं और न ही अशुद्धता योजनाएं आम थीं, यह देखना दिलचस्प होगा कि अन्य ब्राउज़रों द्वारा परिवर्तन कैसे स्वीकार किए जाएंगे। इसी तरह की चर्चा, कई साल पहले दिखाया गया था कि ये बहुत अलग राय के साथ विवादास्पद मुद्दे हैं।



प्रस्तुति स्लाइड्स