Create a simple product filter with CSS by using pseudoclasses like :not() :has() and :checked. The not pseudoclass will allow you to exclude elements from a selector. The has selector is basically a parentselector in css that allows you to select elements based on other html elements. You are also going to learn about the css attribute selector to check if a certain option in a dropdown is checked. And for that you learn about the :checked selector too.

Become a Member to Support our Channel:
   / @coding2go  

Checkout our website: https://coding2go.com
Get our HTML beginner course: https://www.udemy.com/course/coding2g...

Put your own website online
Get the best web hosting here: https://www.hostinger.com/coding2go

Concepts in this video:
How to use css not pseudoclass
How to use css has pseudoclass
:not(:has()) css
css not selector
css has selector
css :checked selector
How to check if a dropdown option is selected
How to check if option is checked
css pseudoclasses tutotial for beginners
How to create a css only filter
How to create a online shop product filter dropdown with css only
shoe store website filter with css only
How to use the attribute selector in css
How to check for the value of an html attribute in css
How to show and hide products
Filter products with CSS
Use complex CSS selectors
How to select a parent element
select parent div in css
css parentselector
How to not select certain elements in css

Main Topics
1. Learn CSS has selector for beginners
2. Learn CSS not selector for beginners

Other topics of this video
HTML, CSS, No JavaScript required, CSS only Filter, CSS not, CSS has, selectors, pseudoclasses, beginner Tutorial, english, css not has, checked pseudoclass, checked selector, dropdown filter with css only, online shop product filter with css only, css only, How to use :not() and :has() pseudoclasses in css. Practical example for not and has selector, web development, web dev, coding2go, beginner tutorial, code example for not has css

Background Music in the video:

Track: "Take Off", NEFFEX
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/GcQeOy
Listen on Spotify: https://gostream.link/spneffex

Track: "Little Things"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/QmMj1I

Track: "Scared Of The Glizzy"
Music provided by https://Slip.stream
Free Download/Stream: https://get.slip.stream/xPJ3rV