কম্পিউটার টিউটোরিয়াল

CSS এবং HTML ব্যবহার করে প্যারেন্ট এলিমেন্টে স্টাইল প্রয়োগ করা (যদি সন্তান থাকে)

ওভারভিউ

CSS3-এ প্যারেন্ট সিলেক্টর নেই। CSS4-এ একটি প্রস্তাবিত সিলেক্টর আছে, $, যা এটি করতে পারে, যা কিছুটা এর মতো দেখাবে (li এলিমেন্ট সিলেক্ট করা):

ul $li ul.sub { ... }

বিকল্প হিসেবে, jQuery-এ একটি वन-লাইনার ব্যবহার করতে পারেন। :has() সিলেক্টর সেই সব এলিমেন্ট সিলেক্ট করে যাদের ভেতরে এক বা একাধিক এলিমেন্ট থাকে যা নির্দিষ্ট সিলেক্টরের সাথে মেলে। <li> ট্যাগ একটি লিস্ট আইটেম ডিফাইন করে। <ul> ট্যাগ একটি আনঅর্ডার্ড (বুলেটেড) লিস্ট ডিফাইন করে।

$('ul li:has(ul.sub)').addClass('has_sub');

তারপর আপনি আপনার CSS-এ li.has_sub স্টাইল করতে পারেন।

  1. CSS দিয়ে প্যারেন্টের শেষ চাইল্ড হওয়া সব <p> এলিমেন্ট স্টাইল করুন

  2. CSS দিয়ে প্যারেন্টের চাইল্ড হয়ে শেষ থেকে গণনা করে p এলিমেন্ট স্টাইল করুন

  3. CSS দিয়ে প্যারেন্টের একমাত্র চাইল্ড হয়ে p এলিমেন্ট স্টাইল করুন

  4. CSS-এ টেক্সট ডেকোরেশনের স্টাইল সেট করুন