From 149c2cba902feeb84ce288be6654f901a367c329 Mon Sep 17 00:00:00 2001
From: Juwan Petty <jchpetty@gmail.com>
Date: Thu, 8 Mar 2018 12:52:44 -0500
Subject: [PATCH] Create css-not-selector.md with base information

---
 snippets/css-not-selector.md | 46 ++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 snippets/css-not-selector.md

diff --git a/snippets/css-not-selector.md b/snippets/css-not-selector.md
new file mode 100644
index 000000000..c89528898
--- /dev/null
+++ b/snippets/css-not-selector.md
@@ -0,0 +1,46 @@
+### CSS :not selector
+
+Lots of code just to space each item evenly, except for the last one. One great use for the `:not` psuedo selector.
+
+#### HTML
+
+```html
+
+```
+
+#### CSS
+
+```css
+
+```
+
+#### Demo
+
+<!-- You must create a `snippet-demo` parent block and use it as a namespace with BEM syntax. -->
+
+<div class="snippet-demo">
+  <some-element class="snippet-demo__snippet-name"></some-element>
+</div>
+
+<!-- Add your style rules here. -->
+
+<style>
+
+</style>
+
+#### Explanation
+
+<!-- Use a step-by-step (ordered) list if possible. Keep it concise. -->
+
+#### Browser support
+
+<!-- Use the checkmark or the warning emoji, see the existing snippets. -->
+
+<span class="snippet__support-note">✅ No caveats.</span>
+
+<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
+If no link is provided, it defaults to 99+%. -->
+
+* https://caniuse.com/#feat=css-sel3
+
+<!-- tags: layout -->