Как выбрать только определенный CSS объявления селектора

Как выбрать только определенный CSS объявления селектора

01.01.2019 04:06:22 Просмотров 71 Источник

Я в основном PHP, и шаблон имеет некоторое применение css (напримерmodel) на той же background-color: white, тогда на модели отображается белый фон, который действительно неудобен и не имеет никакого смысла.

model

Так можно ли выбрать только css нужного селектора, который объявляется несколько раз?

У вопроса есть решение - Посмотреть?

Ответы - Как выбрать только определенный CSS объявления селектора / How to pick only specific selector declaration's css

Wais Shahbaz

02.01.2019 07:27:32

В HTML любой элемент, объявленный в родительском элементе, наследует все атрибуты css родительского класса. Поэтому, если вы хотите удалить белый фон в этом дочернем элементе, вы можете

a) объявите другой класс css для дочернего элемента, который устанавливает фон дочернего элемента на что-то другое (в вашем случае сделайте".класс "подмодель", который устанавливает фон в прозрачный или другой цвет, а также включает размер шрифта, который вы хотите б)объявить идентификатор “#подмодель” и делать заявления, описанных в) c) если этот дочерний элемент является общим элементом p (абзац) или h (заголовок), вы можете указать класс этого раздела как:

.model p {
     -set background to new colour
     -set font size
 }

В css стили элементов всегда наследуются от родительских элементов, поэтому при разработке стилей свеклы вы должны иметь в виду, насколько специфичны ваши классы, поскольку это уменьшит гибкость в долгосрочной перспективе, просто как Примечание

Дополнительную информацию о наследовании css можно найти здесь: https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance

https://stackoverflow.com/questions/53995681/how-to-pick-only-specific-selector-declarations-css/54001191#comment94839317_54001191
Хм, я ценю ваши усилия, но это не решение. У меня есть независимый CSS моего компонента Joomla, который работает совершенно независимо, но когда я использую любой шаблон, он наследует css шаблона, который создает проблему, и каждый шаблон имеет другой css (если я переключаюсь на разные шаблоны). Поэтому я не могу изменить css моего компонента вручную каждый раз
mickmackusa

05.01.2019 07:24:24

Если вы разработали свой собственный компонент Joomla, и ваши имена классов конфликтуют с другими классами, то самый простой / наиболее разумный курс действий-объявить уникальные имена классов, которые избегают столкновений.

zain_model должен быть достаточно уникальным навсегда. Или префикс, как вам нравится.

https://stackoverflow.com/questions/53995681/how-to-pick-only-specific-selector-declarations-css/54053876#comment94954516_54053876
Проблема в том, что я не знаю, какой шаблон установит мой клиент
https://stackoverflow.com/questions/53995681/how-to-pick-only-specific-selector-declarations-css/54053876#comment94955495_54053876
Если вы напишете достаточно уникальное имя класса и напишете для него стиль css, то это не будет иметь значения.
https://stackoverflow.com/questions/53995681/how-to-pick-only-specific-selector-declarations-css/54053876#comment94955905_54053876
Хм, А как насчет стандартных классов начальной загрузки?
https://stackoverflow.com/questions/53995681/how-to-pick-only-specific-selector-declarations-css/54053876#comment94956019_54053876
Вы хотите стилизовать только элементы, связанные с вашим компонентом. У вас есть полный контроль над объявлениями классов в сценариях, которые вы пишете. Если вы хотите, чтобы поведение bootstrap по умолчанию работало на некоторых элементах, оставьте исходный атрибут class на месте. Если требуется дополнительный стиль, добавьте дополнительное значение (префикс zain_) в объявление класса. Если вы не хотите использовать определенный стиль, удалите исходный класс. Если вы хотите отменить или переопределить стиль, то сделайте конкретное объявление, чтобы противодействовать определенному стилю.
sallycakes

09.09.2019 06:58:20

переопределить с помощью CSS

.model{
  font-size: 15px;
  background-color: transparent !important;
}
Закрыть X