Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <TITLE>Jak to zrobić?</TITLE>
- <style>
- article{
- background-color: grey;
- border: 3px solid blue;
- width:40%;
- margin-left: 1%;
- }
- section{
- height: 50vh;
- margin-left: 5%;
- }
- section>article:nth-child(2n){
- float:left;
- }
- section:first-child article{
- float:left;
- }
- section:first-child p:nth-child(2n+2){
- color:green;
- }
- section:first-child h2:nth-child(n+2){
- color:purple;
- }
- section:first-child article:first-child ul li{
- color:red;
- }
- section:first-child article:nth-child(2) ul>li::first-letter{
- font-size: 1.5em;
- }
- section:first-child article:nth-child(2) ul>li:nth-child(4n+4){
- color:blue;
- }
- section:last-child article:first-child ul li::first-letter{
- font-size: 1.5em;
- }
- section:last-child article:first-child{
- float: left;
- }
- section:last-child article:last-child ul li:nth-child(4n+4){
- color:blue;
- }
- section:last-child article:last-child h2{
- color:purple;
- }
- section:last-child article:last-child p:nth-child(n+3){
- color:green;
- }
- </style>
- </head>
- <body>
- <section>
- <article>
- <h2>nagłówek </h2>
- <ul>
- <li> element11 </li>
- <li> element12 </li>
- <li> element13 </li>
- <li> element14 </li>
- <li> element15 </li>
- <li> element16 </li>
- <li> element17 </li>
- <li> element18 </li>
- </ul>
- <div>
- <p> akapit1</p>
- <p>akapit2 </p>
- <h2>tekst1</h2>
- <p>Akapit3 </p>
- <h2>tekst12</h2>
- </div>
- </article>
- <article>
- <h1>Tytuł b </h1>
- <div>
- <p> akapit4</p>
- </div>
- <ul>
- <li> element1a </li>
- <li> element1b </li>
- <li> element1c </li>
- <li> element1d </li>
- <li> element1e </li>
- <li> element1f </li>
- <li> element1g </li>
- <li> element1h </li>
- </ul>
- </article>
- </section>
- <section>
- <article>
- <div> Tytuł 10</div>
- <ul>
- <li> element11 </li>
- <li> element12 </li>
- <li> element13 </li>
- <li> element14 </li>
- <li> element15 </li>
- <li> element16 </li>
- <li> element17 </li>
- <li> element18 </li>
- </ul>
- </article>
- <article>
- <h1>Tytuł 11</h1>
- <ul>
- <li> element11 </li>
- <li> element12 </li>
- <li> element13 </li>
- <li> element14 </li>
- <li> element15 </li>
- <li> element16 </li>
- <li> element17 </li>
- <li> element18 </li>
- </ul>
- <div>
- <h2>tekst 15 </h2>
- <p> akapit5</p>
- <p> akapit6</p>
- <h2>tekst1</h2>
- <p>akapit7 </p>
- <h2>tekst12</h2>
- </div>
- </article>
- </section>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement