ডিভি উপাদান উপাদান CSS CSS নেভিগেট করুন

আমি একটি উপাদান আমার CSS, নেভিগেট করা প্রয়োজন যা একটি উপাদান (ডিভি)। এটার মত:

.element element {
  color: rgba(6, 132, 134, 255);
} 

How to do that? Info: element > .element didn't work, and .element element also didn't work.
I am trying to get the toolbar element. (here is the element in html):

<div class="main" id="main">
    <div class="toolbar">

    </div>
  </div>  

এবং আমি মূলত টুলবার উপাদান পেতে হবে, কারণ অন্যান্য divs আরো টুলবার আছে?

আপনার সাহায্যের জন্য আগাম ধন্যবাদ।

1
আপনি কি আমার CSS এর নেভিগেট করবেন? কিছু কোড প্রদান করুন।
যোগ লেখক APAD1, উৎস
উপাদান অবশ্যই একটি বৈধ সিএসএস নির্বাচক নয়, দয়া করে এইচটিএমএল সরবরাহ করুন যাতে আমরা লক্ষ্য করতে পারি আপনি কোন উপাদানটি লক্ষ্য করার চেষ্টা করছেন।
যোগ লেখক APAD1, উৎস
@ এপিএডি 1 সম্পাদিত! :)
যোগ লেখক Michael Diren, উৎস

5 উত্তর

আপনার এইচটিএমএল উপর ভিত্তি করে, আপনার সিএসএস এই মত চেহারা উচিত:

.toolbar {
  color:rgba(6, 132, 134, 255);
}

কিন্তু আপনার <�ক্লাস> টুলবার ক্লাসের সাথে অন্যান্য উপাদান রয়েছে, তাই আপনি নির্দিষ্টতা ব্যবহার করতে পারেন যাতে প্রধান আইডি সহ টুলবার শ্রেণির উপাদানটি সেই শৈলীগুলি ব্যবহার করবে:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

#main .toolbar {
  color:rgba(6, 132, 134, 255);
}
<div class="main" id="main">
  <div class="toolbar">
    This is some text.
  </div>
</div>
</div> </div>
0
যোগ
সত্য, কিন্তু যদি আপনি একই প্যারেন্টটিকে একই প্যারেন্ট উপাদানগুলির মধ্যে একাধিক ভিন্ন ধরণের উপাদানগুলিতে নিযুক্ত করছেন, তবে আমার মনে হয় আপনার হাতে বড় সমস্যা রয়েছে;)
যোগ লেখক APAD1, উৎস
100% সঠিক পথ আইডি "প্রধান" এর জন্য যেতে হবে এবং তারপরে ক্লাসের সাথে ডিভিভি নির্বাচন করুন: "# মেইন div.toolbar" এটি আরও সঠিক। যদি সে এখন "# মাইন" এর মধ্যেই একই ক্লাসে "টুলবার" দিয়ে একটি স্প্যান বা href তৈরি করে তবে নিয়মটি এখনও ডিভিতে প্রযোজ্য হয় :)
যোগ লেখক spyro, উৎস
হতে পারে, হ্যাঁ, কিন্তু পরিস্থিতি হতে পারে যেখানে এই কিছুটা "ঠিক আছে"। নির্বাচককে সর্বদা যতটা সম্ভব বিস্তারিতভাবে সংজ্ঞায়িত করার চেষ্টা করব, তাই আপনি ^^ পরে কষ্ট পাবেন না
যোগ লেখক spyro, উৎস

. is used to select elements with a specific class, and # is used to select elements with a specific id. In your case to select the .toolbar nested within #main you would need:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

#main .toolbar {
  color: rgba(6, 132, 134, 255);
}
</div> </div>
0
যোগ
@ স্পিপি ভাল ধরা, আমি খুব দ্রুত প্রশ্নটি পড়ি এবং আইডি মিস করি!
যোগ লেখক Alex, উৎস
একটি আইডি দেওয়া হয়, আপনি সবসময় সিএসএস আইডি ব্যবহার করা উচিত। আপনার লিখিত নিয়ম অন্যান্য উপাদানগুলির ক্ষেত্রে প্রযোজ্য হতে পারে যেখানে "প্রধান" শ্রেণী দেওয়া হয়। যেহেতু আইডিটি অনন্য, তাই সিএসএস-রুলের আইডি ব্যবহার করে আরো সংকল্পগত এবং "সংরক্ষণ করুন" :)
যোগ লেখক spyro, উৎস
np :) এছাড়াও, ভবিষ্যতে পাঠকদের জন্য, আপনি অনিশ্চিত ওভারল্যাপিং নিয়মগুলি এড়ানোর জন্য যতটা সম্ভব সঠিক পথটি নির্দিষ্ট করতে চাইতে পারেন। তাই এই উদাহরণে যেতে 100% উপায় নির্বাচক # মেইন div.toolbar :) হবে
যোগ লেখক spyro, উৎস

এটা বেশ সহজ:

#main div.toolbar {
color: red;
}

এই আইডি মেইন সঙ্গে একটি উপাদান মধ্যে ক্লাস TOOLBAR সঙ্গে DIV লক্ষ্য করে :)

0
যোগ

আপনার প্রশ্নটি খুব সামান্য বিমূর্ত, তবে আপনার যোগ করা কোডের উপর ভিত্তি করে আমি মনে করি আপনি "টুলবার" ডিভিকে লক্ষ্যবস্তু করার চেষ্টা করছেন, যা নিম্নলিখিতগুলির মধ্যে কোনটি (সর্বোপরি সেরা-থেকে-সর্বাগ্রে ক্রম অনুসারে) করা যেতে পারে। :

  1. #main .toolbar { ... }
  2. .main .toolbar { ... }
  3. #main div { ... }
  4. .main div { ... }
0
যোগ
সর্বদা সম্ভব হিসাবে CSS নির্বাচক সংজ্ঞায়িত করার চেষ্টা করুন। এই ক্ষেত্রে # মেইন div.toolbar একটি বিস্তারিত সংজ্ঞা যা দিতে পারে এবং এটি ব্যবহার করা উচিত। কিন্তু আপনি সঠিক যে তিনি নির্বাচন করতে পারেন এমন অনেক উপায় রয়েছে, যা কোনও সময়ে "সেরা" তার ভবিষ্যত HTML- কাঠামোর উপর নির্ভর করে :)
যোগ লেখক spyro, উৎস
প্রকৃতপক্ষে. তিনি প্রশ্ন জিজ্ঞাসা করে কেন আমি ঐ অপশন অন্তর্ভুক্ত।
যোগ লেখক allezlesbleus, উৎস

আপনি অনেক উপায়ে নির্বাচন করতে পারেন, তবে যদি আপনি একে অপরকে নেভিগেট করতে চান তবে আপনার CSS এ (টুলবার অ্যাক্সেস করতে) ব্যবহার করা উচিত

.main div {
  color: rgba(6, 132, 134, 255);
} 

অথবা আপনি সরাসরি উপাদান নির্বাচন করতে CSS শ্রেণী নির্বাচক ব্যবহার করতে পারেন

.toolbar {
    color: rgba(6, 132, 134, 255);
}

কিন্তু এটি কোনও সামগ্রী দেখতে, কোনও সামগ্রী প্রদর্শন করবে না, আপনাকে উচ্চতা সম্পত্তির ব্যবহার করতে হবে, বা কিছু সামগ্রী সন্নিবেশ করতে হবে

0
যোগ
সর্বদা সম্ভব হিসাবে CSS নির্বাচক সংজ্ঞায়িত করার চেষ্টা করুন। এই ক্ষেত্রে # মেইন div.toolbar একটি নির্দিষ্ট সংজ্ঞা দিতে পারে এবং এটি ব্যবহার করা উচিত :)
যোগ লেখক spyro, উৎস