Кстати, а как Вы делаете, чтобы разметка вставилась так красиво, как в Вашем сообщении? UPD: сделал по совету @Ineska - действительно, нужно пропустить строку, чтобы вложенность кода сохранилась )
Здесь только один механизм вставки кода, через кнопку </>.
Из личных наблюдений: чтобы код вставился красиво, нужно перед ним и после него оставить пустую строку.
например, я не уловила что можно сделать так:
class=“column-center top-center-cell”.
а потом отдльно задавать параметры для column-center и для top-center-cell.
или вот:th, td {
width: 33%;{
можно просто поставит запятую и задать сразу параметры.
Я всё делаю линейно, задаю чуть ли не для каждой ячейки отдельно параметры. Хотя пробовала сама оптимизировать. как-то пазл пока не складывается в голове))
Ну, CSS ведь и нужен был для того, чтобы сделать код гибче, т.е., грубо говоря, Вы пишете всего 1 селектор, а применяется он, допустим, к 10 тегам. Если же делать 10 селекторов на эти 10 тегов - смысл CSS? Это то же самое, что прописывать внутренние стили к каждому тегу в разметке - это не экономит ни сил, ни времени… Да, селекторы можно задавать через запятую: если не знали этого, запоминайте, это нужная вещь (здесь я написал их в одну строку, т.к. они коротенькие, а если это будут классы - лучше писать каждый селектор с новой строки, для лучшей читабельности кода). А всё остальное - это каскадирование, т.е. ниже Вы пишете то, что нужно изменить и применяете к нему новое свойство - и это переопределяет какой-либо элемент или группу. И ещё один приём - как раз тот, что Вы процитировали в “непонятно”: можно задавать 2 класса одному и тому же тегу: скажем, у Вас есть 3 тега, которые имеют одинаковые свойства, но один из них чем-то различается. В таком случае, один класс будет отвечать за общие для всех 3-х тегов свойства, а один - который Вы и присвоите тому, который отличается, - за отличные.