Этот код работает, но я подозреваю, что это не так, как это должно быть написано:Как я могу написать этот CSS более эффективно?
.srtbl-qt {
text-align: left;
}
caption { text-align: left;
}
Я пытался писать это так, но это не сработало
.srtbl-qt caption {
text-align: left;
}
Что такое хороший способ написать его?
Используйте запятые для раздельных селекторов:
.srtbl-qt, caption {
text-align: left;
}
Нравится?
.srtbl-qt,
caption {
text-align: left;
}
Вы можете объединить несколько селекторов с запятой:
.srtbl-qt, caption
{
text-align: left;
}
Попробуйте, как это конкатенация их с помощью запятой:
.srtbl-qt,caption {
text-align: left;
}
Обратите внимание, что запятая в селекторе CSS используются для отдельные множественные селекторы, которые имеют одинаковые стили
.srtbl-qt, caption {
text-align: left;
}
Возьмите меньше строк и дайте те же результаты. Поэтому я считаю, что это самый эффективный способ.
В качестве альтернативы вы можете представить свои файлы .css в виде библиотек, в которых вы можете повторно использовать классы. Создав один класс, например «.left» в этом примере, вы можете применить этот класс в обоих тегах html, которые требуют выравнивания текста слева.
styles.css
.left {
text-align: left;
}
page.html классы
<body>
<p class="left">paragraph</p>
<img src="picture.jpg" class="left" />
<section class="left otherClass">This is a section</section>
</body>
CSS предназначен для повторного использования, поэтому повторное использование, что достичь того же, а не писать одно с другим именем , Каждый тег может иметь много классов, тот, который появляется последним, переопределит любой класс, который имеет столкновение (тот же стиль) внутри класса.
использовать запятые для раздельных селекторов – Mahesh