Как изменить фон и картинку одного элемента, когда он находится в состоянии :focus, используя CSS?

1. Для изменения фона и картинки элемента при нахождении в состоянии :focus, можно использовать следующий CSS код:

```css
.element:focus {
   background-color: <новый цвет фона>;
   background-image: url(<новая картинка>);
}
```
Здесь `.element` - селектор заданного элемента.

2. Для изменения картинки, фона и отображения текста при клике на заданный блок, можно использовать следующий CSS код:

```css
.block:active {
   background-color: <новый цвет фона>;
   background-image: url(<новая картинка>);
   color: <новый цвет текста>;
}
```
Здесь `.block` - селектор заданного блока. При клике на него, будут применены указанные стили к фону, картинке и тексту.

Если элемент li в фокусе, установите фоновый цвет на красный.
Если элемент li не в фокусе, скройте элемент с классом "img2".
Если элемент li в фокусе, скройте элемент с классом "img1".
Если элемент li в фокусе, покажите элемент с классом "answer".