সিএনএস সিউডো-ক্লাসগুলি ইনলাইন শৈলীর সাথে


131

ইনলাইন স্টাইল ব্যবহার করে সিউডো-ক্লাস করা কি সম্ভব?


উদাহরণ:

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

আমি জানি যে উপরের এইচটিএমএলটি কাজ করবে না তবে এর মতো কিছু আছে কি?

পিএস আমি জানি আমার একটি বাহ্যিক স্টাইল শীট ব্যবহার করা উচিত, এবং আমিও করি। আমি কৌতূহল ছিলাম যদি এটি ইনলাইন শৈলী ব্যবহার করে করা যায়।


উত্তর:


113

না, এটি সম্ভব নয়। সিএসএস ব্যবহার করে এমন নথিগুলিতে, একটি ইনলাইন styleবৈশিষ্ট্যে কেবল সম্পত্তি ঘোষণা থাকতে পারে; স্টাইলশিটে প্রতিটি রোলসেটে উপস্থিত বিবৃতিগুলির একই সেট। থেকে স্টাইল বৈশিষ্ট আরোপ করা :

শৈলীর বৈশিষ্ট্যের মান অবশ্যই একটি সিএসএস ঘোষণার ব্লকের (বিস্মৃত ব্রেসগুলি বাদ দিয়ে) বিষয়বস্তুর বাক্যবিন্যাসের সাথে মেলে , যার আনুষ্ঠানিক ব্যাকরণ নীচে সিএসএস মূল ব্যাকরণের শর্তাদি এবং কনভেনশনে দেওয়া হয়েছে :

declaration-list
  : S* declaration? [ ';' S* declaration? ]*
  ;

না নির্বাচকদের (সিউডো-উপাদানগুলি সহ), না কোনও নিয়ম, বা অন্য কোনও সিএসএস নির্মাণের অনুমতি নেই।

কিছু অনামী সুপার-নির্দিষ্ট আইডি নির্বাচককে শৈলী প্রয়োগ করা হিসাবে ইনলাইন শৈলীর কথা চিন্তা করুন: এই শৈলীগুলি কেবলমাত্র styleবৈশিষ্ট্যের সাথে থাকা একটি খুব উপাদানের ক্ষেত্রে প্রযোজ্য । (তারা স্টাইলশিটে কোনও আইডি নির্বাচককেও প্রাধান্য দেয়, যদি সেই উপাদানটির আইডি থাকে)) প্রযুক্তিগতভাবে এটি এর মতো কাজ করে না; এটি কেবল আপনাকে বুঝতে সাহায্য করার জন্য কেন এই বৈশিষ্ট্যটি ছদ্ম-শ্রেণি বা ছদ্ম-উপাদান শৈলীগুলিকে সমর্থন করে না (সিউডো-ক্লাস এবং সিউডো-উপাদানগুলি কীভাবে নথির গাছের বিমূর্ততা সরবরাহ করে যা এর সাথে প্রকাশ করা যায় না তার সাথে আরও অনেক কিছু করার আছে) নথির ভাষা)।

মনে রাখবেন যে ইনলাইন স্টাইলগুলি নিয়ম সেটগুলিতে নির্বাচকদের মতো একই ক্যাসকেডে অংশ নেয় এবং ক্যাসকেডে ( !importantসত্ত্বেও) সর্বোচ্চ প্রাধান্য পায় । সুতরাং তারা ছদ্ম-শ্রেণির রাষ্ট্রগুলির চেয়েও অগ্রাধিকার গ্রহণ করে। সিউডো-ক্লাস বা অন্য কোনও নির্বাচককে ইনলাইন শৈলীতে অনুমতি দেওয়া সম্ভবত একটি নতুন ক্যাসকেড স্তর এবং এটির সাথে জটিলতার একটি নতুন সেট প্রবর্তন করবে।

এটিও নোট করুন যে স্টাইল বৈশিষ্ট্যগুলির বেশিরভাগ পুরনো সংশোধনগুলি প্রাথমিকভাবে এটির অনুমতি দেওয়ার প্রস্তাব করেছিল , তবে এটি উপরের কারণ হিসাবে সম্ভবত এটি বাতিল করে দেওয়া হয়েছিল, বা এটি বাস্তবায়ন কোনও কার্যকর বিকল্প ছিল না বলে।


45

সিএসএস নয়, তবে ইনলাইন:

<a href="#" 
   onmouseover = "this.style.textDecoration = 'none'"
   onmouseout  = "this.style.textDecoration = 'underline'">Hello</a>

উদাহরণ দেখুন →


2
হ্যাঁ, আমার ধারণা এটি অন্য বিকল্প। এটি সিএসএস নয় তবে এটি এর জন্য কাজ করে: মাউসওভার এবং মাউসআউট ব্যবহার করে হোভার করুন: অনফোকাস এবং অনব্লুর ব্যবহার করে ফোকাস করুন এবং: অনক্লিক ব্যবহার করে সক্রিয়।
ওয়েব_ডিজাইনার

1
এটি কি জাভাস্ক্রিপ্ট হিসাবে গণনা হবে? আমার একটি প্রকল্প রয়েছে যার জন্য ইনলাইন সিএসএস প্রয়োজন এবং জাভাস্ক্রিপ্ট নেই।
আকিল ফার্নান্দেস

7
হ্যাঁ এটি জাভাস্ক্রিপ্ট।
জোয়েল মারফি

1
এটি একটি ভাল বিকল্প। বাহ্যিক সিএসএস শীট ব্যবহার করা ওও (অবজেক্ট ওরিয়েন্টেড) নীতিবিরোধী। একটি উপাদান এর শৈলী উপাদান সঙ্গে একত্রে করা উচিত।
ইভান হু

1
ইনলাইন শৈলীর জন্য আরেকটি বিষয় হ'ল ভার্চুয়াল ডিওএম ব্যবহার করে রেন্ডার বার হ্রাস করা। কোনও সিএসএসের স্টাইলগুলি পরিবর্তন এবং প্রয়োগের জন্য পুরো দস্তাবেজটি স্ক্যান করতে হবে। এটি ইনলাইন শৈলীর দ্বারা নির্মূল করা হয়।
ফ্রেডেরিক ক্রাউটওয়াল্ড

26

ইনলাইন প্রয়োজনের পরিবর্তে আপনি অভ্যন্তরীণ সিএসএস ব্যবহার করতে পারেন

<a href="http://www.google.com" style="hover:text-decoration:none;">Google</a>

আপনি থাকতে পারে:

<a href="http://www.google.com" id="gLink">Google</a>
<style>
  #gLink:hover {
     text-decoration: none;
  }
</style>

1
মাথার উপাদানটির বাইরে অভ্যন্তরীণ সিএসএস ব্যবহার করা কি গ্রহণযোগ্য?
থাইনা

4
@Thaina এটা এখন হয়, এ HTML5: html5doctor.com/the-scoped-attribute
Ason

2
@ থাইনা ফানি, অন্য একটি প্রশ্নে ছুটে গেলেন যেখানে আমি এই জাতীয় কাজ করার সিদ্ধান্ত নিয়েছি এবং scopedবৈশিষ্ট্যটি চশমা থেকে অপসারণ করা হয়েছে বলে জানতে পেরেছি .... ডেভেলপার.মোজিলা.আর
আসন

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