Skip to content

Lösung Aufgabe 3

<!DOCTYPE html> 
<html lang="en">
    <head>
        <title>HTML - CSS Aufgabe IT-Berufsbildung Solution</title>
        <style>
            #b1 li { color: red; } 
            #b2 li { color:green; }
            .b2 span { color:blue; } 
            #b2 li.activePage { background-color: pink; }
        </style>
    </head>
    <!-- no changes behind this line :-) -->
    <body style="font-size: xx-large">
        <div id="b1"> 
            <ul> 
                <li>red text</li>
                <li class="activePage">red text</li>
                <li>red text</li>
            </ul> 
        </div> 
        <div id="b2"> 
            <ul> 
                <li>green text</li>
                <li class="activePage">green text, pink hintergrund</li>
                <li>green text</li>
            </ul> 
            <span> 
                schwarzer text 
            </span> 
            <div class="b2"> 
                <ul> 
                <li>green text</li>
                <li>green text</li>
                <li class="activePage">green text, pink hintergrund</li>
                </ul> 
                <span>blauer Text</span> 
            </div> 
        </div> 
        <div class=activePage>black Text, white Hintergrund</div>
    </body> 
</html>