-
-
Save landwire/14754dcdbb9bede6be3f to your computer and use it in GitHub Desktop.
The > selector
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * The > selector | |
| */ | |
| h1, h2, h3, p, div { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .box { | |
| display: block; | |
| padding: 24px; | |
| background: red; | |
| } | |
| .box :last-child { | |
| background: yellow; | |
| } | |
| .sub-level { | |
| margin: 20px 0px; | |
| background: grey; | |
| } | |
| .sub-level > .sub-level { | |
| background: white; | |
| } | |
| .sub-level > .sub-level > .sub-level { | |
| background: grey; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- content to be placed inside <body>…</body> --> | |
| <body> | |
| <div class="box"> | |
| <h1>Box1</h1> | |
| <p>box content</p> | |
| tralla ohne alles | |
| <div class=" box sub-level"> | |
| <h2>Level 1</h2> | |
| <p>Sascha</p> | |
| <a>Ist ein Penner</a> | |
| <a>Ist ein Penner</a> | |
| <div class="box sub-level"> | |
| <h3>Level 2</h3> | |
| <p>Sascha</p> | |
| <p>Letztes Element Level 2</p> | |
| <div class="box sub-level"> | |
| <h3>Level 3</h3> | |
| <p>Sascha</p> | |
| <p>Letztes Element Level 3</p> | |
| </div> | |
| </div> | |
| <a>Letztes Element Level 1</a> | |
| </div> | |
| <p>Sascha</p> | |
| <p>Noch ein Element</p> | |
| <div class="box sub-level"> | |
| <h2>Level 1</h2> | |
| <p>Sub-Content oin box</p> | |
| <p>Letztes ELement Level 1</p> | |
| </div> | |
| <p>Letztes Element in Box1 | |
| </div> | |
| <hr> | |
| <div class="box"> | |
| <h1>Box2</h1> | |
| <div> | |
| <p>Sascha</p> | |
| <p>Ist ein Penner</p> | |
| </div> | |
| <p>Sascha</p> | |
| <p>Ist ein Penner</p> | |
| <div> | |
| <p>Sub-Content oin box</p> | |
| <p>Sascha</p> | |
| </div> | |
| <p>Last item egal was</> | |
| </div> | |
| </body> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // alert('Hello world!'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment