#css #shopify
#css #Shopify
Вопрос:
У меня есть span, у которого есть атрибут doubly-currency="USD"
. Мне нужно display:none
в этом элементе, но также и в его «братском» элементе.
Структура HTML следующая:
<span data-money="" class="product-installments">
<span clas="money">5x de</span>
<span class="money" doubly-currency-brl="13400" doubly-currency-usd="3460.8331822" doubly-currency="USD">$34.61</span>
</span>
Как я могу сделать так, чтобы другой элемент, который также имеет класс «money», был скрыт, когда значение doubly-currency
равно USD?
** Я не могу использовать javascript для решения этой проблемы.
Комментарии:
1. Это невозможно только с помощью CSS, вам нужно будет использовать JS (если вы не можете изменить свою структуру) Редактировать: поскольку вы отредактировали, что вы не можете использовать JS, возможно ли изменение структуры?
2. Понял… Я думаю, что тогда я должен сделать что-то другое. Редактировать: мне придется искать больше, чтобы узнать, смогу ли я сделать это через структуру. Спасибо!
3. если бы вы могли изменить порядок ваших братьев и сестер в разметке, тогда вы могли бы показать их в правильном порядке с помощью flexbox position и row-reverse direction. Делая это, вы могли бы легко скрыть элемент и его следующий брат
4. Можете ли вы изменить HTML, чтобы элемент with
doubly-currency
предшествовал другому промежутку? Если да, вы можете инвертировать его, а затем выполнитьspan[doubly-currency=USD] span { display: none; }
. Если вы не можете их инвертировать, то это невозможно без JS5. Отлично! Я сделал это, и это сработало отлично. Спасибо за помощь!