मैं यूआई विकास के लिए नया हूं, लेकिन सीएसएस कैसे काम करता है, इससे मैं बहुत असहज महसूस करता हूं।
मेरा उपयोग मामला यह है कि मैं divएक पृष्ठ पर किसी विशेष के अंदर कुछ विशिष्ट शैलियों को लागू करना चाहता था ।
सीएसएस प्रयास:
div.class1 {
font: normal 12px arial, helvetica, sans-serif;
font-color: #f30;
}
div.class1 div.class2 {
border: 1px solid #f30;
}
कम प्रयास:
@red: #f30;
@font-family: arial, helvetica, sans-serif;
div.class1 {
font: normal 12px @font-family;
font-color: @red;
div.class2 {
border: 1px solid @red;
}
सीएसएस संस्करण बग को प्रेरित कर सकता है, क्योंकि यह आपको दोहराने के लिए मजबूर करता है #f30और div.class2हर बार जब आप पदानुक्रम और चर फिर से उपयोग करने की कोशिश करते हैं।
मेरे सवाल:
- क्यों सीएसएस चीजों को मुश्किल बनाता है?
- लेस कुछ खास नहीं करता है - बस स्पष्ट सुधार करता है और सीएसएस में अनुवाद करता है।
- वह क्या है जो CSS उपयोगकर्ताओं में प्रेरित करना चाहता है जिसके कारण वह ऐसी निरर्थक कोडिंग शैली को बढ़ावा देता है?
मेरा दृढ़ता से मानना है कि सीएसएस होना चाहिए जो कम है। निश्चित रूप से मैं कुछ स्पष्ट लाभ को देख रहा हूं कि सीएसएस में चीजें इस तरह से क्यों की जाती हैं। मुझे लगा कि यह एक विरासत की समस्या है, लेकिन मुझे आश्चर्य हुआ जब मैंने CSS3 के साथ इसे हल करने का कोई प्रयास नहीं देखा।
कृपया मुझे यह समझने में मदद करें कि मुझे सीएसएस से कैसे संपर्क करना चाहिए?