
/* 1.*/
li:first-child {
    font-weight: bold;
}

/* 2.*/
a:last-child {
    color: red;
}

/* 3.*/
input:disabled {
    background-color: lightgray;
}

/* 4.*/
div > p {
    font-weight: 600; 
}

/* 5.*/
[href^="https"] {
    color: green;
}

/* 6.*/
input[type="text"] {
    border: 1px solid blue;
}

/* 7.*/
li:first-child,
li:last-child {
    font-size: 24px;
}

/* 8.*/
div p {
    font-size: 16px;
}

/* 9.*/
input:checked {
    background-color: lightblue;
    outline: 2px solid lightblue;
}


/* 10.*/
li > a {
    text-decoration: underline;
}
/* 11.*/
li:nth-child(even) {
    font-weight: bold;
}
/* Парні елементи отримують жирний шрифт.
   Завдання 1 і 11 конфліктують, але :nth-child(even) має вищий пріоритет ніж :first-child.
   Для першого елемента: :first-child (непарний) залишається жирним від завдання 1.
   Другий елемент: :nth-child(even) робить його жирним.
   Третій елемент: :nth-child(odd) не змінюється, але :last-child від завдання 7 робить його 24px.*/

/* 12.*/
input[type="text"]:not(:disabled) {
    background-color: gray;
}

/* 13.*/
p:first-child {
    font-size: 24px;
    }
/* 14.*/
.special + li {
    text-decoration: line-through;
}

/* 15.*/
p::first-letter {
    font-size: 36px;
}

/* 16.*/
a::after {
    content: " ↗";
    font-size: 0.8em; 
}