Как выбрать только CSS объявления конкретного селектора - PullRequest
Новая
       42

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

0 голосов
/ 01 января 2019

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

.model{ // I want this to be picked 
 font-size: 15px;
}


.model{ // I don't want this to be picked 
 background-color: white;
}

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

Ответы [ 2 ]

0 голосов
/ 05 января 2019

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

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

0 голосов
/ 02 января 2019

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

a) объявить другой класс css для дочернего элемента, который устанавливает фон дочернего элемента в другое значение (в вашем случае создайтеКласс «.submodel», который устанавливает фон прозрачным или другим цветом, а также включает размер шрифта в соответствии с вашим желанием. Б) объявить идентификатор «#submodel» и выполнить объявления, описанные в а) в) если этот дочерний элемент является родовым 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

...