{
    "path": "/home/krm/dev/mimer-academia/web/css/Exercises/psedo-class/exercise.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Psedoclasser"
    ],
    "tags": [
        "box, border"
    ],
    "difficulty": "normal",
    "index": 19,
    "status": "beta",
    "author": [
        "krm"
    ],
    "created": {
        "year": 2026,
        "month": 3,
        "day": 3
    },
    "salution": "Select good!",
    "category": [
        "web"
    ],
    "description": [
        "Gör så det som står mellan \"??\" blir sant."
    ],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "title": [
                "Kod"
            ],
            "description": [],
            "lang": "html",
            "code": "<!DOCTYPE html>\n<html lang=\"sv\">\n<head>\n<meta charset=\"utf-8\" />\n<style>\n\t\t \n\t</style>\n\t   <style>\n\t     .red {\n\t\t     background-color: red;\n}\n\t     .box {\n\t\t     margin: 10px;\n\t\t     width: 50px;\n\t\t     height: 50px;\n\t\t     border-style: inherit;\n\t\t } \n\t</style>\n</head>\n<body>\n<p> ?? E Gör så att när någon tar mousen över rubriken nedan så blir den grön ?? </p>\n\t<h1>Lorem ipsum dolor sit amet!</h1>\n\t<p> ?? E Gör så att när någon tar mousen över underrubriken nedan så får den storleken 28px ?? </p>\n<h2>Lorem ipsum dolor sit amet!</h2>\n<p> ?? C ⚠️ Gör så att när en länk nedan har besöks så ska den få fetstil. (OBS! Testa detta och förklara varför det inte går) ?? </p>\n<p> ?? C ⚠️ Gör så att när en länk nedan inte har blivit besökt så ska den få kusivstil. (OBS! Testa detta och förklara varför det inte går) ?? </p>\n<p>\nLorem ipsum <a href=\"https://htsit.se\">HTSIT</a> <a href=\"https://nooohtsit.se\">Not HTSIT</a><br />\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<br />\n<br />\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<br />\n<br />\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />    \n</p>\n<p> ?? N gör så att fjärde boxen nedan blir blå. ?? </p>\n<ol>\n\t<li><div class=\"box red\"></div></li>\n\t<li><div class=\"box red\"></div></li>\n\t<li><div class=\"box red\"></div></li>\n\t<li><div class=\"box red\"></div></li>\n\t<li><div class=\"box red\"></div></li>\n\t<li><div class=\"box red\"></div></li>\n\t<ol>\n</body>\n</html>",
            "statments": [],
            "comment": [
                "Du ska bara lägga till något mellan första style-tagarna."
            ]
        }
    ],
    "kind": "exercises"
}