সিএসএসের ভূমিকা কীভাবে স্টাইল করবেন

Question

নিম্নলিখিত HTML এ

<div id="content" role="main">

সিডিএস এর মাধ্যমে আইডিটি অ্যাক্সেস করা যায় #content। আমি কীভাবে অ্যাক্সেস করব role="main"।

Answer 1

সিএসএস অ্যাট্রিবিউট সিলেক্টর ব্যবহার করুন:

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

উদাহরণ:

div[role=main]

Answer 2

এটিকে অ্যাক্সেস করার মতো কাজ করা উচিত: #content[role="main"]

Answer 3

নিশ্চিত আপনি এই মোডে করতে পারেন:

 #content[role="main"]{
       //style
    }

http://www.w3.org/TR/selectors/#attribute-selectors

Answer 4

কোনও নির্বাচক লিখার সবচেয়ে সংক্ষিপ্ততম উপায় যা নির্দিষ্ট ডিভটি অ্যাক্সেস করে তা কেবল ব্যবহার করা

[role=main] {
  /* CSS goes here */
}

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

[role=main] {
  background: rgba(48, 96, 144, 0.2);
}
div,
span {
  padding: 5px;
  margin: 5px;
  display: inline-block;
}

<div id="content" role="main">
  <span role="main">Hello</span>
</div>

Answer 5

আরও তথ্যের জন্য এই থ্রেড অনুসরণ করুন

সিএসএস অ্যাট্রিবিউট সিলেক্টর: কাস্টম অ্যাট্রিবিটের মান থাকলে শ্রেণি প্রয়োগ করুন? এছাড়াও, এটি আই 7 + এ কাজ করবে?

এবং সিএসএস বৈশিষ্ট্য নির্বাচনকারী শিখুন

http://www.w3schools.com/css/css_attribute_selectors.asp

Answer 6

ব্যবহার করুন :

 #content[role=main]{
   your style here
}

Answer 7

আমরা ব্যবহার করতে পারি

 element[role="ourRole"] {
    requried style !important; /*for overriding the old css styles */
    }