প্রচলিত অর্থে নয়, তবে আপনি যদি এইচটিএমএল অ্যাক্সেস পেয়ে থাকেন তবে আপনি এটির জন্য ক্লাস ব্যবহার করতে পারেন। এই বিবেচনা:
<p class="normal">Text</p>
<p class="active">Text</p>
এবং আপনার সিএসএস ফাইলে:
p.normal {
background-position : 150px 8px;
}
p.active {
background-position : 4px 8px;
}
এটি করার সিএসএস উপায়।
তারপরে সাসের মতো সিএসএস প্রিপ্রসেসর রয়েছে । আপনি সেখানে শর্তসাপেক্ষ ব্যবহার করতে পারেন , যা দেখতে দেখতে এটি পছন্দ করবে:
$type: monster;
p {
@if $type == ocean {
color: blue;
} @else if $type == matador {
color: red;
} @else if $type == monster {
color: green;
} @else {
color: black;
}
}
অসুবিধাগুলি হ'ল, আপনি নিজের স্টাইলশিটগুলি প্রাক-প্রক্রিয়াজাতকরণের জন্য আবদ্ধ এবং শর্তটি সংকলন সময়ে মূল্যায়ন করা হয়, রান সময় নয়।
সিএসএস যথাযথ একটি নতুন বৈশিষ্ট্য হ'ল কাস্টম বৈশিষ্ট্য (ওরফে সিএসএস ভেরিয়েবল)। রান সময় (তাদের সমর্থন ব্রাউজারগুলিতে) এগুলি মূল্যায়ন করা হয়।
তাদের সাথে আপনি এই লাইনে কিছু করতে পারেন:
:root {
--main-bg-color: brown;
}
.one {
background-color: var(--main-bg-color);
}
.two {
background-color: black;
}
শেষ অবধি, আপনি আপনার স্টাইলশীটটি আপনার পছন্দের সার্ভার-সাইড ল্যাঙ্গুয়েজে প্রিপ্রসেস করতে পারেন। আপনি যদি পিএইচপি ব্যবহার করে থাকেন তবে কোনও style.css.phpফাইল পরিবেশন করুন যা দেখতে এরকম কিছু দেখাচ্ছে:
p {
background-position: <?php echo (@$_GET['foo'] == 'bar')? "150" : "4"; ?>px 8px;
}
এক্ষেত্রে আপনার পারফরম্যান্সের প্রভাব পড়বে, যেহেতু এই জাতীয় স্টাইলশিটটি ক্যাচ করা কঠিন।