] हालाँकि, इस सीमा को विभिन्न दृष्टिकोणों के माध्यम से दरकिनार किया जा सकता है:

1। CSS कक्षाएं:

HTML कक्षाओं का लाभ उठाकर, आप विभिन्न परिदृश्यों के लिए अलग -अलग शैली के नियम बना सकते हैं। उदाहरण के लिए, निम्न कोड कक्षा के आधार पर अलग -अलग पृष्ठभूमि स्थिति प्रदान करता है:

पाठ

पाठ

p.normal { पृष्ठभूमि-स्थिति: 150px 8px; } p.active { पृष्ठभूमि-स्थिति: 4px 8px; }

2। CSS Preprocessors (जैसे, SASS):

Text
Text

css जैसे SASS जैसे सशक्त सशर्त विवरण प्रदान करते हैं जो अधिक जटिल स्थितियों के लिए अनुमति देते हैं:

Text
Text

$ प्रकार: राक्षस; पी { @if $ प्रकार == महासागर { रंग नीला; } @else अगर $ प्रकार == matador { रंग: लाल; } @else अगर $ प्रकार == राक्षस { हरा रंग करें; } @अन्य { रंग काला; } }

3। CSS कस्टम गुण (चर):

$type: monster;
p {
  @if $type == ocean {
    color: blue;
  } @else if $type == matador {
    color: red;
  } @else if $type == monster {
    color: green;
  } @else {
    color: black;
  }
}

: रूट { -मेन-बीजी-रंग: भूरा; } ।एक { पृष्ठभूमि-रंग: var (-मुख्य-बीजी-रंग); } ।दो { पृष्ठभूमि-रंग: काला; }

4। सर्वर-साइड प्रीप्रोसेसिंग:

Text
Text

== 'बार')? "150": "4"; ?> px 8px; }

५। UI लॉजिक के लिए CSS तकनीक:

p {
  background-position: px 8px;
}

[CSS if/&] (https://www.siteminemark]