кода css

В большинстве руководств, рекомендуют всем родительским елементам задавать классы, но при этом рекомендуют использовать не более двух селекторов для изменения стилейЕсли у нас есть код

Подскажите пожалуйста, могу ли я обратится к элементу по id в блоке кода ? Вот пример того что я хочу: https://prntsc/iwfm2s

Собственно вопрос, посоветуйте готовое решение для оформления примеров кода, например как тут или хабре, вот так: