diff --git a/snippets/not-selector.md b/snippets/not-selector.md deleted file mode 100644 index 156b2fb3e..000000000 --- a/snippets/not-selector.md +++ /dev/null @@ -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 - -``` - -```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