div~div এবং div:not(:first-of-type) এর মধ্যে পার্থক্য?

উপাদানের মিলের ক্ষেত্রে উভয়ই একই। আসুন একটি উদাহরণ দেখি:

<section>
   <div></div> <!-- div:first-child or div:first-of-type -->
   <div></div> <!-- div+div or div~div or div:nth-of-type(2) -->
   <p></p>
   <div></div> <!-- div+p+div or div~div or div:nth-of-type(3),
   but not div+div -->
</section>
<section>
   <h1></h1> <!-- h1:first-child -->
   <div></div> <!-- div:first-of-type or div:nth-child(2) -->
   <div></div> <!-- div~div or div:nth-of-type(2) or div:nth-child(3) -->
</section>

আপনার যদি উভয় নির্বাচকের সাথে একই উপাদানের সাথে মিলে যাওয়া CSS নিয়ম থাকে, তাহলে আপনার div:not(:first-of-type) প্রাধান্য পাবে:প্রথম-অফ-টাইপ সিউডো-ক্লাস।