я хочу целевой класс has-translucent-status-bar, который расположен внутри другого класса по имени platform-iosНе может предназначаться этого ребенка
Для этого я пытался сделать:
.platform-ios > .has-translucent-status-bar
До сих пор я не был посчастливится сделать так, вот скриншот кода:
Вы должны идти с:
.platform-ios .has-translucent-status-bar
child selector/combinator вы использовали для прямых детей:
> комбинатор отделяет два селектора и соответствует только тем элементов подбираются вторым селектором, которые являются прямыми потомками элементов соответствующих первым.
В вашем конкретном случае, единственный или один из других, прямым потомком .platform-ios является ion-app элементом.
Спасибо за ответ, но это не сработало –
Вам нужно будет проверить в браузере и посмотреть, какой стиль его отменяет. Селектор, который я использовал в этом ответе, является правильным, поэтому либо добавляйте более конкретную информацию (как «.platform-ios> ion-app> ion-nav .has-transparent-status-bar'), либо добавляйте'! Important' (в случае, если вы не стоит с этим беспокоиться). – skobaljic
Имейте в виду, что фактический код, который мы можем скопировать и вставить его намного лучше, чем на экране. К счастью для вас в этом случае проблема проста. –
@JonP по этой причине, я сделал скриншот;) –
Есть ли у вас какие-либо другие селектора, нацеленные на '.has-transparent-status-bar'? Если это так, вам нужно придумать более «конкретное» правило. Если это так, вы скажите научную спецификацию CSS. Также помните о селекторах, которые появляются после вашего селектора в базе кода. –