<style type="text/css"> /* <![CDATA[ */ p{color: green;} p.druhy{color: navy;} p em{color: red;} p > em {color: gray; text-decoration: underline;} b + em {color: purple;} /* ]]> */ </style>
<em>Tag EM mimo odstavec</em> <p>Odstavec 1: Mauris velit lacinia eleifend ac fames ac facilisi feugiat egestas metus. Non ...</p> <p class="druhy">Odstavec 2: Lorem ipsum dolor sit amet consectetuer nunc vitae id tellus nascetur. Odio ...</p> <p>Ac ac nibh <b>Tag B v odstavci <em>Tag EM v odstavci a v tagu B</em>, pokračuje obsah tagu B v odstavci</b> id et. Risus ...</p>
Odstavec 1: Mauris velit lacinia eleifend ac fames ac facilisi feugiat egestas metus. Non Sed mauris gravida aliquam interdum Curabitur dui wisi consequat dictumst. Ac cursus interdum egestas et egestas vitae nisl vitae faucibus sapien. Justo justo ante purus turpis eget vel Vestibulum enim sit ut. Pulvinar Phasellus vitae vitae turpis malesuada tincidunt Mauris id felis dolor. Aliquet eleifend odio Fusce velit.
Odstavec 2: Lorem ipsum dolor sit amet consectetuer nunc vitae id tellus nascetur. Odio Curabitur elit In convallis velit Lorem consectetuer faucibus nec elit. Ipsum et vitae sit Maecenas at felis parturient diam cursus velit. Feugiat Proin eu eu ante fermentum pharetra risus justo tellus Sed. Congue Integer consectetuer eget tincidunt malesuada ut laoreet sollicitudin ultrices tellus. Pellentesque sapien laoreet Quisque tortor.
Ac ac nibh Tag B v odstavci Tag EM v odstavci a v tagu B, je jenom následníkem tagu P, proto je jenom červený - aplikuje se na něj pravidlo "p em", pokračuje obsah tagu B v odstavci id et . Risus velit risus Tag EM v odstavci, následník a přímý potomek P, navíc sourozenec B, proto je fialový a podtržený - aplikují se na něj pravidla "p em", "p > em" a "b + e" v pořadí jak jsou definovaná, nejprve se změní barva textu na červenou, následně na šedou a text se podtrhne, nakonec se změní barva na fialovou cursus Další tag EM v odstavci, který je následníkem a přímým potomkem P, proto je šedý a podtržený - aplikují se na něj pravidla "p em" a "p > em" v pořadí jak jsou definovaná, nejprve se změní barva textu na červenou a následně na šedou a text se podtrhne tellus sodales tristique vitae tempus. In purus Curabitur fringilla tincidunt metus elit pellentesque pede eros laoreet. Cursus Nullam wisi sed pharetra tellus dui ridiculus Cras nibh amet. Convallis Lorem sagittis elit Quisque penatibus Nam neque ut platea ut. Mauris auctor Quisque Sed Aenean Sed lorem ipsum.