Create css-not-selector.md with base information
This commit is contained in:
46
snippets/css-not-selector.md
Normal file
46
snippets/css-not-selector.md
Normal file
@ -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 -->
|
||||||
Reference in New Issue
Block a user