|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
div.class_name <div class="class_name"></div> ------------------ div#nazwa <div id="nazwa"></div> --------------------------- div.class_name#example <div class="class_name" id="example"></div> tworzy div-a z identyfikatorem o zadanej nazwie i identyfikatorze ------------ .class_name - przy divach mozemy ominąć nazwę elementu <div class="class_name"></div> --------------- #class_name - przy id mozemy ominąć nazwę elementu <div id="nazwa"></div> -------------------------- div.container>ul>li>a zagnieżdzanie elemntów w sobie <div class="container"> <ul> <li><a href=""></a></li> </ul> </div> ------------------------ div+p elementy na tym samym poziomie <div></div> <p></p> -------------------- div.class_name + div#example>p.text połączenie umieszczania znaczników obok siebie oraz zagłębianie header>div>img.logo^nav>ul>li>a header>div>img.logo^nav>ul>li>a <header> <div><img src="" alt="" class="logo"></div> <nav> <ul> <li><a href=""></a></li> </ul> </nav> </header> -------------------- mnozenie elementów table>tr*3>td*2 <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> ------------------------ div>p{przykładowa treść} -------------- div>p>a[href="/"] dodawanie atrybutów ----------- header>(div>img.logo)+(nav>ul>li*4>a) ------------------------------------- link:css ------------------- div#example_$*5 <div id="example_1"></div> <div id="example_2"></div> <div id="example_3"></div> <div id="example_4"></div> <div id="example_5"></div> |