Блог

Главная - Вопросы по программированию - Как изменить параллельный элемент

Как изменить параллельный элемент

#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; } . Если вы не можете их инвертировать, то это невозможно без JS

5. Отлично! Я сделал это, и это сработало отлично. Спасибо за помощь!