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

CSS দিয়ে নির্দিষ্ট এলিমেন্ট বাদে সব এলিমেন্ট স্টাইল করুন


নির্দিষ্ট এলিমেন্ট বাদে সব এলিমেন্ট স্টাইল করতে CSS :not(selector) সিলেক্টর ব্যবহার করুন।

উদাহরণ

নিচের কোড রান করে :not সিলেক্টর ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       p {         color: red;       }       :not(p) {         color: blue;       }     </style>   </head>   <body>     <h1>Heading 1</h1>     <h2>Heading 2</h2>     <h3>Heading 3</h3>     <p>This is a paragraph.</p>     <p>This is another paragraph.</p>   </body> </html>

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

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

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

  4. CSS দিয়ে HR এলিমেন্ট স্টাইল করার পদ্ধতি