আমার মতো কিছু আছে:
<div id="content>
<h1>Welcome to Motor City Deli!</h1>
<div style=" font-size: 1.2em; font-weight: bolder;">Sep 19, 2010</div>
<div > ... </div>
দ্বিতীয় ডিভ ("কনটেন্ট" ডিভের মধ্যে 1 ম ডিভ) এর জন্য সিএসএস নির্বাচক কী এমন যে আমি সেই ডিভের মধ্যে তারিখের ফন্টের রঙ সেট করতে পারি?
উত্তর:
আপনার প্রশ্নের সর্বাধিক সঠিক উত্তর হ'ল ...
#content > div:first-of-type { /* css */ }
এটি সিএসএসকে প্রথম ডিভের জন্য প্রয়োগ করবে যা # কনটেন্টের প্রত্যক্ষ শিশু (যা # কনটেন্টের প্রথম শিশু উপাদান হতে পারে বা নাও হতে পারে)
অন্য বিকল্প:
#content > div:nth-of-type(1) { /* css */ }
exceptফার্স্ট / শেষ ডিভিড নির্বাচন করবেন ?
#content > div:not(:last-of-type) { /* css */ }
#content > div:not(:first-of-type):not(:last-of-type) { /* css */ }
তুমি চাও
#content div:first-child {
/*css*/
}
<div>প্রথম সন্তান নয় (এটি <h1>)।
divপ্রথম শিশু হওয়া সত্ত্বেও এটি IE তে মোটেও কাজ করবে না উল্লেখ করার প্রয়োজন নেই ।
যদি আমরা ধরে নিতে পারি যে এইচ 1 সর্বদা সেখানে রয়েছে, তবে
div h1+div {...}
তবে কন্টেন্ট ডিভের আইডি নির্দিষ্ট করতে ভয় পাবেন না:
#content h1+div {...}
এটি jQuery এর মতো কোনও জাভাস্ক্রিপ্ট লাইব্রেরিতে অবলম্বন না করে এখনই ক্রস ব্রাউজারটি পেতে পারে ঠিক ততটাই ভাল। এইচ 1 + ডিভি ব্যবহার করা নিশ্চিত করে যে এইচ 1 পরে প্রথম ডিভটি স্টাইলটি পেয়েছে। বিকল্প রয়েছে, তবে তারা CSS3 নির্বাচকদের উপর নির্ভর করে এবং তাই বেশিরভাগ আইই ইনস্টলগুলিতে কাজ করবে না।
আপনি যা সন্ধান করছেন তার নিকটতম জিনিসটি হ'ল : প্রথম-শিশু সিউডোক্লাস ; দুর্ভাগ্যক্রমে এটি আপনার ক্ষেত্রে কার্যকর হবে না কারণ আপনার কাছে একটি <h1>আগে রয়েছে <div>s। আমার পরামর্শটি হ'ল আপনি হয় কোনও ক্লাস যুক্ত করুন <div>, পছন্দ করুন <div class="first">এবং তারপরে স্টাইল করুন বা আপনি যদি সত্যিই কোনও শ্রেণি যোগ করতে না পারেন তবে jQuery ব্যবহার করুন:
$('#content > div:first')
$('#content > div.first)