Remove :not selector

More documentation than snippet
2020-04-20 11:51:35 +03:00
parent 380db20824
commit 8652ac9752
1 changed files with 0 additions and 43 deletions
--- a/snippets/not-selector.md
+++ b/snippets/not-selector.md
@ -1,43 +0,0 @@
---
-title: :not selector
-tags: visual,beginner
---
-
-The `:not` pseudo selector is useful for styling a group of elements, while leaving the last (or specified) element unstyled.
-
-```html
-<ul class="css-not-selector-shortcut">
-  <li>One</li>
-  <li>Two</li>
-  <li>Three</li>
-  <li>Four</li>
-</ul>
-```
-
-```css
-.css-not-selector-shortcut {
-  display: flex;
-}
-
-ul {
-  padding-left: 0;
-}
-
-li {
-  list-style-type: none;
-  margin: 0;
-  padding: 0 0.75rem;
-}
-
-li:not(:last-child) {
-  border-right: 2px solid #d2d5e4;
-}
-```
-
-#### Explanation
-
- `li:not(:last-child)` specifies that the styles should apply to all `li` elements except the `:last-child`.
-
-#### Browser support
-
- https://caniuse.com/#feat=css-sel3