সিএসএসে আমি রঙগুলি কীভাবে পরিবর্তনশীল হিসাবে সংজ্ঞায়িত করতে পারি?


216

আমি বেশ দীর্ঘ একটি সিএসএস ফাইলে কাজ করছি। আমি জানি যে ক্লায়েন্টটি রঙের স্কিমের পরিবর্তনের জন্য জিজ্ঞাসা করতে পারে, এবং ভাবছিলেন: ভেরিয়েবলগুলিতে রঙ নির্ধারণ করা কি সম্ভব, যাতে আমি কেবলমাত্র একটি ভেরিয়েবল পরিবর্তন করতে পারি যাতে এটি ব্যবহার করা সমস্ত উপাদানগুলিতে নতুন রঙ প্রয়োগ করা যায়?

দয়া করে নোট করুন যে আমি পিএসপি ব্যবহার করতে পারছি না সিএসএস ফাইলকে পরিবর্তনশীলভাবে পরিবর্তন করতে।


সম্ভাব্য দ্বিধা ... স্ট্যাকওভারফ্লো. com
এডি


এই শক্তি সহায়তা: stackoverflow.com/questions/15831657/...
DreamTeK

উত্তর:


225

সিএসএস এটিকে সিএসএস ভেরিয়েবলের সাহায্যে সমর্থন করে ।

সিএসএস ফাইল উদাহরণ

:root {
    --main-color:#06c;
}

#foo {
    color: var(--main-color);
}

একটি কার্যকারী উদাহরণের জন্য, দয়া করে এই জেএসফিডেলটি দেখুন (উদাহরণটি দেখায় যে ফ্রিডલમાં সিএসএস নির্বাচকদের মধ্যে একজনের রঙ নীল রঙে কঠোরভাবে কোডড হয়েছে, অন্য সিএসএস নির্বাচক বর্ণকে নীলতে সেট করতে সিএসএস ভেরিয়েবল, মূল এবং বর্তমান উভয় বাক্য ব্যবহার করে) ।

জাভাস্ক্রিপ্ট / ক্লায়েন্ট সাইডে একটি সিএসএস ভেরিয়েবল পরিচালনা করা

document.body.style.setProperty('--main-color',"#6c0")

সমস্ত আধুনিক ব্রাউজারে সমর্থন

ফায়ারফক্স 31+ , ক্রোম 49+ , সাফারি 9.1+ , মাইক্রোসফ্ট এজ 15+ এবং অপেরা 36+ শিপ সিএসএস ভেরিয়েবলগুলির জন্য স্থানীয় সমর্থন সহ।


3
অন্য কেউ যদি এটি পড়ে এবং এটিকে সাফারিতে কাজ করার চেষ্টা করে - তবে CSS এর জন্য সমর্থনটি বসতি / গ্রীষ্মে 2013-এর ওয়েবকিট থেকে সরিয়ে ফেলা হয়েছে বলে মনে হচ্ছে bu /pipermail/webkit-dev/2013- এপ্রিল/024476.html উপরে উল্লিখিত পতাকা সক্ষম করার পরেও ক্রোমে কাজ করে।
মেরি ফিশার

ক্রোম 36-তে পরীক্ষিত, এমনকি পতাকাটি সক্ষম করেও কাজ করছে না। এখনও ফায়ারফক্সের সাথে কাজ করে
যুবি

এটি কেবল ক্রোম সংস্করণ 49.0.2623.110 মিটার দিয়ে পরীক্ষা করেছে এবং এটি এখনও কার্যকর হয় না।
রডু

আপনার ওএস কি? এটি আমার পক্ষে কাজ করেছে: ম্যাক ওএস এক্সে সংস্করণ 49.0.2623.110 (-৪-বিট)
আর্থার ওয়েবার্গ

আমার অ্যান্ড্রয়েডের ক্রোম সংস্করণ অ্যান্ড্রয়েড 5.1.0 ক্রোম 49.0.2623.105
আর্থার ওয়েবর্গে

66

লোকেরা আমার উত্তরকে সমর্থন করে চলেছে তবে সাস বা তার কম আনন্দের তুলনায় এটি একটি ভয়াবহ সমাধান , বিশেষত এই দু'দিনেই গুই ব্যবহার করা সহজ সংখ্যাকে দেওয়া হয়েছে । আপনার যদি কোনও বুদ্ধি থাকে তবে আমি নীচে প্রস্তাবিত সমস্ত কিছু উপেক্ষা করুন।

আপনি প্রতিটি রঙের আগে সিএসএসে একটি মন্তব্য রাখতে পারেন যাতে এক ধরণের ভেরিয়েবল হিসাবে পরিবেশন করতে পারেন, যা আপনি সন্ধান / প্রতিস্থাপন ব্যবহার করে এর মান পরিবর্তন করতে পারেন, তাই ...

সিএসএস ফাইলের শীর্ষে

/********************* Colour reference chart****************
*************************** comment ********* colour ******** 

box background colour       bbg              #567890
box border colour           bb               #abcdef
box text colour             bt               #123456

*/

পরে সিএসএস ফাইলে

.contentBox {background: /*bbg*/#567890; border: 2px solid /*bb*/#abcdef; color:/*bt*/#123456}

তারপরে, উদাহরণস্বরূপ, বাক্স পাঠ্যের জন্য রঙ স্কিম পরিবর্তন করুন যা আপনি সন্ধান / প্রতিস্থাপন করেন

/*bt*/#123456

3
মন্তব্যগুলি যুক্ত করা কয়েকটি ক্ষেত্রে কার্যকর হবে না যেমন আইই ফিল্টারগুলি ব্যবহার করার সময়। আমি এখানে মন্তব্য রাখতে পারি না -> ফিল্টার: প্রিভিড: ডিএক্সআইমেজট্রান্সফর্ম.মাইক্রোসফ্ট অ্যাড্রেডিয়েন্ট (startColorstr = '# 3f5619', endColorstr = '# 77842f', গ্রেডিয়েন্টটাইপ = 0); / * আই 6-9 * /
কার্টার

1
আপনি সঠিক বলে বিবেচিত, এটি একটি ভয়াবহ সমাধান।
অ্যান্ড্রয়েড ডেভ

আমি ব্যক্তিগতভাবে সার্ভারের পার্শ্ব সমাধানগুলির তুলনায় আপনার ক্লায়েন্টের জবাবের স্টাইলটি পছন্দ করেছি, তাই আমি এটি করার জন্য কিছু করেছি। এটি আশ্চর্যজনক নয়, তবে এটি স্ট্যাকওভারফ্লো.com
a/

1
আপনার উত্তর গৃহীত হয় না। আপনি যদি মনে করেন এটি ভয়াবহ হয় তবে আপনি সর্বদা এটি মুছতে পারেন।
টাইলার এইচ

38

সিএসএস নিজেই ভেরিয়েবল ব্যবহার করে না। তবে, আপনি ভেরিয়েবলগুলি ব্যবহার করে আপনার স্টাইলিং সংজ্ঞায়িত করতে SASS এর মতো আরেকটি ভাষা ব্যবহার করতে পারেন এবং স্বয়ংক্রিয়ভাবে সিএসএস ফাইল তৈরি করতে পারেন যা আপনি ওয়েবে রেখে দিতে পারেন। মনে রাখবেন যে প্রতিবার আপনার সিএসএসে পরিবর্তন করার সময় আপনাকে জেনারেটরটি আবার চালাতে হবে, তবে এটি এতটা কঠিন নয়।


12
আমি মনে করি উত্তর এখন (2016) ভুল, তাই না? যদিও আমি মনে করি SASS বা এ জাতীয় ব্যবহার করা আরও ভাল।
কোডেনুব

সিএসএস vars ব্যবহার SASS এর চেয়ে বেশি পছন্দনীয় কারণ SASS রঙের সাথে কেবল স্ট্যাটিকভাবে পরিবর্তন করা যায় changed সিএসএস ওয়ার্সের সাথে রং রানটাইমের সময় পরিবর্তন করা যেতে পারে, আপনি জাভাস্ক্রিপ্ট ব্যবহার করে একটি বোতামের সাহায্যে "ডার্ক মোড" এ যেতে পারেন।
নিক ক্রু

24

আপনি CSS3 ভেরিয়েবল চেষ্টা করতে পারেন :

body {
  --fontColor: red;
  color: var(--fontColor);
}

1
দ্রষ্টব্য: কাস্টম সম্পত্তির উপসর্গটি পূর্বের বর্ণনায় পরিবর্তিত ছিল, তবে পরে পরিবর্তিত হয় -। ফায়ারফক্স 31 এবং উপরের নতুন অনুমান অনুসরণ করুন। (বাগ 985838) বিকাশকারী.মোজিলা.আর.ইন-
ইউএস

20

কোনও সহজ সিএসএসের সমাধান নেই। আপনি এটি করতে পারেন:

  • সমস্ত উদাহরণ খুঁজুন background-colorএবং colorআপনার সিএসএস ফাইলে এবং প্রতিটি অনন্য রঙ জন্য একটি বর্গ নাম তৈরি করুন।

    .top-header { color: #fff; }
    .content-text { color: #f00; }
    .bg-leftnav { background-color: #fff; }
    .bg-column { background-color: #f00; }
    
  • এরপরে আপনার সাইটে প্রতি একক পৃষ্ঠাতে যান যেখানে রঙ জড়িত ছিল এবং রঙ এবং পটভূমি উভয় রঙের জন্য উপযুক্ত ক্লাস যুক্ত করুন।

  • সর্বশেষে, আপনার নতুন তৈরি রঙের ক্লাসগুলি বাদে আপনার সিএসএসে রঙের যে কোনও রেফারেন্স সরিয়ে ফেলুন।


1
তবে ক্লায়েন্ট যদি সিদ্ধান্ত নেয় যে তারা সমস্ত লাল উপাদানকে সবুজ করতে চায়? "রঙ: সবুজ" সরবরাহ করতে আপনাকে "লাল" শ্রেণিটি পরিবর্তন করতে হবে যা বিভ্রান্তিকর এবং বজায় রাখা কঠিন হয়ে পড়ে।
গাওয়ারওয়ালবয়

@ সিংসিংহল্ফবয়, ক্লাসগুলির নামকরণে আমার আরও সুনির্দিষ্ট হওয়া উচিত ছিল। তারা কোন উপাদান (গুলি) এর সাথে সম্পর্কিত তা উল্লেখ করা সহজ, যাতে আপনি ভবিষ্যতে সহজেই তাদের সংশোধন করতে পারেন।
কোরি বলিউ

8
@ ডাউনভোটার্স, এটি কেবলমাত্র CSS এর সমাধান। স্ক্রিপ্টিং বা সিএলআইয়ের সাথে জড়িত প্রচুর বিকল্প সমাধান রয়েছে, এটি এমন লোকদের পক্ষে যা না করার ইচ্ছা রয়েছে
কোরি বলিউ

17

ইয়াআহহহহহ .... আপনি এখন সিএসএসে বিভিন্ন ( ) ফাংশন ব্যবহার করতে পারেন .. ...

সুসংবাদটি হ'ল আপনি এটি জাভাস্ক্রিপ্ট অ্যাক্সেস ব্যবহার করে পরিবর্তন করতে পারবেন যা বিশ্বব্যাপীও পরিবর্তিত হবে ...

তবে কীভাবে এগুলি ঘোষণা করবেন ...

এটি বেশ সহজ:

উদাহরণস্বরূপ, যদি আপনি একটি দায়িত্ব অর্পণ ওয়ানা #ff0000একটি থেকে var(), শুধু কেবল এটা নির্ধারণ :root, এছাড়াও মনোযোগ দিতে --:

:root {
    --red: #ff0000; 
}

html, body {
    background-color: var(--red); 
}

ভালো জিনিস ব্রাউজারকে সমর্থন করে না খারাপ, এছাড়াও মত ব্রাউজারে ব্যবহার করা সংকলিত করতে প্রয়োজন হবে না হয় LESSবা SASS...

ব্রাউজার সমর্থন

এছাড়াও, এখানে একটি সাধারণ জাভাস্ক্রিপ্ট স্ক্রিপ্ট, যা লাল মানকে নীল করে তোলে:

const rootEl = document.querySelector(':root');
root.style.setProperty('--red', 'blue');

9

সিএসএসের জন্য 'কম' রুবি রত্নটি দুর্দান্ত দেখায়।

http://lesscss.org/


2
আমি মনে করি কমের সৌন্দর্যটি হ'ল এটি রুবি বা নির্দিষ্ট কোনও কাঠামো নয়। এটি ক্লায়েন্ট- সাইডকে 'সংকলিত' বা অন্য যে কোনও কাঠামোর সাথে ব্যবহার করা যেতে পারে যেমন জ্যাঙ্গো -সিএসএস github.com/dziegler/django-css বা অন্য কিছু
xster

9

হ্যাঁ, অদূর ভবিষ্যতে (আমি জুনে এটি লিখছি 2012) আপনি কম / স্যাস ইত্যাদি ব্যবহার না করেই দেশীয় সিএসএস ভেরিয়েবলগুলি সংজ্ঞায়িত করতে পারেন! ওয়েবকিট ইঞ্জিন সবেমাত্র প্রথম সিএসএস ভেরিয়েবল নিয়ম প্রয়োগ করেছে, সুতরাং Chrome এবং সাফারি এর প্রান্ত সংস্করণগুলি ইতিমধ্যে তাদের সাথে কাজ করার জন্য রয়েছে। দেখুন অফিসিয়াল ওয়েবকিট (যেমন, Chrome / সাফারি) উন্নয়ন লগ একটি onsite, CSS ব্রাউজার ডেমো সঙ্গে।

আশা করি আমরা পরের কয়েক মাসে দেশীয় CSS ভেরিয়েবলের ব্যাপক ব্রাউজার সমর্থন আশা করতে পারি।


2
@ ড্যানিয়েল এটি 2015 করুন
স্টিল.নিটনি

4

সমর্থনের কারণে CSS3 ভেরিয়েবল ব্যবহার করবেন না।

আপনি যদি খাঁটি সিএসএস সমাধান চান তবে আমি নিম্নলিখিতটি করব।

  1. বীর্য নাম সহ রঙের ক্লাস ব্যবহার করুন ।

    .bg-primary   { background: #880000; }
    
    .bg-secondary { background: #008800; }
    
    .bg-accent    { background: #F5F5F5; }
  2. কাঠামোটি ত্বক থেকে আলাদা করুন (OOCSS)

    /* Instead of */
    
    h1 { 
        font-size: 2rem;
        line-height: 1.5rem;
        color: #8000;
    }
    
    /* use this */
    
    h1 { 
        font-size: 2rem;
        line-height: 1.5rem;
    }
    
    .bg-primary {
        background: #880000;
    }
    
    /* This will allow you to reuse colors in your design */
  3. এগুলি প্রয়োজন অনুযায়ী পরিবর্তনের জন্য একটি পৃথক সিএসএস ফাইলের ভিতরে রাখুন।


3

আপনি জাভাস্ক্রিপ্টের মাধ্যমে সিএসএস পাস করতে পারেন এবং সিওএলআর 1 এর সমস্ত উদাহরণ একটি নির্দিষ্ট রঙের সাথে প্রতিস্থাপন করতে পারেন (মূলত এটি পুনরায় প্রেরণ করুন) এবং শেষ ব্যবহারকারী জেএস বন্ধ থাকলে একটি ব্যাকআপ স্টাইলশিট সরবরাহ করতে পারে


3

আপনি পিএইচপি কেন ব্যবহার করতে পারবেন না সে সম্পর্কে আমি পরিষ্কার নই। তারপরে আপনি নিজের ইচ্ছামতো ভেরিয়েবলগুলি যুক্ত করতে এবং ব্যবহার করতে পারেন, পিএইচপি ফাইল হিসাবে ফাইলটি সংরক্ষণ করুন এবং .ssss ফাইলের পরিবর্তে।। Php ফাইলটির সাথে স্টাইল শীট হিসাবে লিঙ্ক করতে পারেন।

এটি পিএইচপি হতে হবে না, তবে আপনি যা বলতে চাইছেন তা পেয়ে যান।

আমরা যখন প্রোগ্রামিং স্টাফ চাই, সিএসএস (সম্ভবত) ভেরিয়েবলের মতো জিনিস সমর্থন না করা পর্যন্ত প্রোগ্রামিং ভাষা ব্যবহার করবেন না কেন?

এছাড়াও, নিকলে Sullivan এর খুঁজে বার করো অবজেক্ট ওরিয়েন্টেড সিএসএস


আমরা সবাই পিএইচপি ব্যবহার করতে পারি না কারণ কাজের জন্য আমাদের কিছু লোকের প্রয়োজন নেই!
হরিয়াতু

3

dicejs.com (আনুষ্ঠানিকভাবে cssobjs) SASS এর একটি ক্লায়েন্ট-সাইড সংস্করণ। আপনি আপনার সিএসএসে ভেরিয়েবল সেট করতে পারেন (জসন ফর্ম্যাট করা সিএসএসে সঞ্চিত) এবং আপনার রঙের ভেরিয়েবলগুলি পুনরায় ব্যবহার করতে পারেন।

//create the CSS JSON object with variables and styles
var myCSSObjs = {
  cssVariables : {
    primaryColor:'#FF0000',
    padSmall:'5px',
    padLarge:'$expr($padSmall * 2)'
  }
  'body' : {padding:'$padLarge'},
  'h1' : {margin:'0', padding:'0 0 $padSmall 0'},
  '.pretty' : {padding:'$padSmall', margin:'$padSmall', color:'$primaryColor'}
};

//give your css objects a name and inject them
$.cssObjs('myStyles',myCSSObjs).injectStyles();

এবং এখানে একটি সম্পূর্ণ ডাউনলোডযোগ্য ডেমোর লিঙ্ক রয়েছে যা তাদের ডকুমেন্টেশনের পরে কিছুটা বেশি সহায়ক d


এই সরঞ্জামটি 2014 এ আর উপলব্ধ হবে না বলে মনে হচ্ছে
ড্যানিয়েল

3

এসসিএসএস ব্যবহার বিবেচনা করুন। এটি সিএসএস সিনট্যাক্সের সাথে সম্পূর্ণ সুসংগত, সুতরাং একটি বৈধ সিএসএস ফাইলও একটি বৈধ এসএসএসএস ফাইল। এটি মাইগ্রেশনকে সহজ করে তোলে, কেবল প্রত্যয়টি পরিবর্তন করুন। এর অসংখ্য বর্ধন রয়েছে, সবচেয়ে কার্যকর হচ্ছে ভেরিয়েবল এবং নেস্টেড নির্বাচক।

ক্লায়েন্টে শিপিংয়ের আগে এটিকে সিএসএসে রূপান্তর করতে আপনাকে প্রি-প্রসেসরের মাধ্যমে এটি চালানো দরকার।

আমি এখন অনেক বছর ধরে একটি হার্ড সিএসএস বিকাশকারী হয়েছি, তবে যেহেতু নিজেকে এসএসএসএসে একটি প্রকল্প করতে বাধ্য করা হচ্ছে, এখন আমি আর কিছুই ব্যবহার করব না।


2

আপনার সিস্টেমে রুবি থাকলে আপনি এটি করতে পারেন:

http://unixgods.org/~tilo/Ruby/Using_Variables_in_CSS_Files_with_Ruby_on_Rails.html

এটি রেলগুলির জন্য তৈরি করা হয়েছিল, তবে কীভাবে এটি একা দাঁড়ানোর জন্য এটি পরিবর্তন করতে হয় তা নীচে দেখুন।

আপনি এই পদ্ধতিটি রেলগুলি থেকে स्वतंत्रভাবে ব্যবহার করতে পারেন, একটি ছোট রুবি র‌্যাপার স্ক্রিপ্ট লিখে যা সাইট_সেটিংস.আরবি এর সাথে একত্রে কাজ করে এবং আপনার সিএসএস-পাথগুলি অ্যাকাউন্টে নেয় এবং যা আপনি যখনই নিজের সিএসএস পুনরায় উত্পন্ন করতে চান প্রতিবার কল করতে পারেন (উদাঃ সাইট শুরু করার সময়)

আপনি রুবিকে যে কোনও অপারেটিং সিস্টেমে চালাতে পারেন, সুতরাং এটি মোটামুটি স্বাধীনভাবে হওয়া উচিত।

যেমন মোড়ক: জেনারেট_সিএসএস.আরবি (যখনই আপনার সিএসএস তৈরি করার দরকার হয় তখন এই স্ক্রিপ্টটি চালান)

#/usr/bin/ruby  # preferably Ruby 1.9.2 or higher
require './site_settings.rb' # assuming your site_settings file is on the same level 

CSS_IN_PATH  = File.join( PATH-TO-YOUR-PROJECT, 'css-input-files')
CSS_OUT_PATH = File.join( PATH-TO-YOUR-PROJECT, 'static' , 'stylesheets' ) 

Site.generate_CSS_files( CSS_IN_PATH , CSS_OUT_PATH )

সাইট_সেটিংস.আরবিতে জেনারেট_সিএসএস_ফাইল পদ্ধতিটি এরপরে এভাবে পরিবর্তন করা দরকার:

module Site
#   ... see above link for complete contents

  # Module Method which generates an OUTPUT CSS file *.css for each INPUT CSS file *.css.in we find in our CSS directory
  # replacing any mention of Color Constants , e.g. #SomeColor# , with the corresponding color code defined in Site::Color
  #
  # We will only generate CSS files if they are deleted or the input file is newer / modified
  #
  def self.generate_CSS_files(input_path = File.join( Rails.root.to_s , 'public' ,'stylesheets') , 
                              output_path = File.join( Rails.root.to_s , 'public' ,'stylesheets'))
    # assuming all your CSS files live under "./public/stylesheets"
    Dir.glob( File.join( input_path, '*.css.in') ).each do |filename_in|
      filename_out = File.join( output_path , File.basename( filename_in.sub(/.in$/, '') ))

      # if the output CSS file doesn't exist, or the the input CSS file is newer than the output CSS file:
      if (! File.exists?(filename_out)) || (File.stat( filename_in ).mtime > File.stat( filename_out ).mtime)
        # in this case, we'll need to create the output CSS file fresh:
        puts " processing #{filename_in}\n --> generating #{filename_out}"

        out_file = File.open( filename_out, 'w' )
        File.open( filename_in , 'r' ).each do |line|
          if line =~ /^\s*\/\*/ || line =~ /^\s+$/             # ignore empty lines, and lines starting with a comment
            out_file.print(line)
            next
          end
          while  line =~ /#(\w+)#/  do                         # substitute all the constants in each line
            line.sub!( /#\w+#/ , Site::Color.const_get( $1 ) ) # with the color the constant defines
          end
          out_file.print(line)
        end
        out_file.close
      end # if ..
    end
  end # def self.generate_CSS_files

end # module Site


2

একাধিক ক্লাসের বিস্ময়কর বিশ্বের ধন্যবাদ নিশ্চিত, বাছাই করতে পারেন, এটি করতে পারেন:

.red {color:red}
.blackBack {background-color: black}

তবে আমি প্রায়শই এ জাতীয় যাহাই হউক না কেন:

.highlight {color:red, background-color: black}

আমি জানি সিমেটিক পুলিশ আপনার সমস্ত জায়গায় থাকবে, তবে এটি কার্যকর হয়।


1
আমি যুক্ত করব: বিভিন্ন এবং আরও শব্দাবলীর নাম ব্যবহার করুন। ব্র্যান্ডিংয়ের রঙগুলি বদলে আপনি অনেকগুলি এইচটিএমএল কোডটি আবার করবেন। .প্রাইমারি, .সেকেন্ডারি, .অ্যাকসেন্ট ইত্যাদির মতো শ্রেণীর নাম ব্যবহার করুন
এরিক

2

পিএইচপি না আমি ভীত, তবে জোপ এবং প্লোন এটি অর্জনের জন্য ডিএসটিএমএল নামে SASS এর অনুরূপ কিছু ব্যবহার করে । এটি সিএমএসের ক্ষেত্রে অবিশ্বাস্যভাবে কার্যকর।

প্লোনে আপফ্রন্ট সিস্টেমগুলির ব্যবহারের একটি ভাল উদাহরণ রয়েছে।


1

আপনি যদি CSS ফাইলটি এক্সএসএল টেমপ্লেট হিসাবে লিখেন তবে আপনি একটি সাধারণ এক্সএমএল ফাইল থেকে রঙের মানগুলি পড়তে পারেন। তারপরে এক্সএসল্ট প্রসেসরের সাহায্যে সিএসএস তৈরি করুন।

colors.xml:

<?xml version="1.0"?>
<colors>
    <background>#ccc</background>
</colors>

styles.xsl:

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:output method="text" version="1.0" encoding="iso-8859-1"/>
    <xsl:template match="/">body {
    background-color: <xsl:value-of select="/colors/background" />;
}
</xsl:template>
</xsl:stylesheet>

সিএসএস রেন্ডার আদেশ: xsltproc -o styles.css styles.xsl colors.xml

styles.css:

body {
    background-color: #ccc;
}

0

এটি সিএসএস দিয়েই সম্ভব নয়।

আপনি জাভাস্ক্রিপ্ট এবং কম.জেএস ব্যবহার করে কম ব্যবহার করতে পারেন যা সিএসএস লাইভে কম ভেরিয়েবল রেন্ডার করবে তবে এটি কেবল বিকাশের জন্য এবং বাস্তব-জীবনের ব্যবহারের জন্য খুব বেশি ওভারহেড যুক্ত করে।

সিএসএসের সাথে আপনি আসতে পারেন এমনটি হ'ল একটি অ্যাট্রিবিউট সাবস্ট্রিং সিলেক্টরটি ব্যবহার করুন :

[id*="colvar-"] {
    color: #f0c69b;
}

এবং idআপনার সমস্ত উপাদানগুলির সেগুলি সেট করুন যা আপনি শুরু হওয়া নামের সাথে সমন্বয় করতে চান colvar-, যেমন colvar-header। তারপরে আপনি রঙ পরিবর্তন করলে সমস্ত আইডি শৈলী আপডেট হয়। এটি কেবল সিএসএসের সাথেই পেতে পারেন।


আমি এটি একা সিএসএস দিয়ে করি, এটি সিএসএস ভেরিয়েবলগুলি মজিলা-উদাহরণ সহ
আর্থার ওয়েবার্গ

আপনার ব্যবহারকারীরা মজিলা ব্যবহার করছেন
এটির জন্য

ক্রোম, সাফারি এবং অপেরা পাশাপাশি কাজ করে।
আর্থার ওয়েবর্গ

পিএমএসএল আমার পোস্টে ফিকিকি হাই স্কুল ব্যাকরণ সংশোধন নিয়ে কী আছে? এটা খুব খারাপ ছিল না।
ব্যবহারকারী 2317093
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.