কম্পিউটার

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


CSS3 তে অভিভাবক নির্বাচকরা উপস্থিত নেই৷ এটি করার জন্য একটি প্রস্তাবিত CSS4 নির্বাচক রয়েছে, $, যা দেখতে এইরকম হতে পারে (li উপাদান নির্বাচন করা) −

ul $li ul.sub { ... }

একটি বিকল্প হিসাবে, jQuery এর সাথে, একটি ওয়ান-লাইনার যা আপনি ব্যবহার করতে পারেন এটি হবে। এই:has() নির্বাচক সমস্ত উপাদান নির্বাচন করে যেগুলির ভিতরে এক বা একাধিক উপাদান রয়েছে, যা নির্দিষ্ট নির্বাচকের সাথে মেলে।

  • ট্যাগ একটি তালিকা আইটেম সংজ্ঞায়িত করে।
      ট্যাগ একটি ক্রমবিহীন (বুলেটেড) তালিকাকে সংজ্ঞায়িত করে।

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

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


    1. প্রতিটি <p> উপাদানকে স্টাইল করুন যা CSS এর সাথে তার পিতামাতার শেষ সন্তান

    2. CSS এর সাথে শেষ সন্তান থেকে গণনা করে প্রতিটি <p> উপাদানকে স্টাইল করুন যা তার পিতামাতার সন্তান

    3. প্রতিটি <p> এলিমেন্টকে স্টাইল করুন যা CSS এর সাথে তার পিতামাতার একমাত্র সন্তান

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