Скрыть текст внутри скобок с помощью CSS?

Question

Мне нужно скрыть текст внутри скобок. Например:

• Argentinien (Ротвейн)
• Мендоса (Ротвейн)

Я хочу избавиться от "(Ротвейн)". К сожалению, у меня нет шансов заработать или что-то еще в скобках. Так что я должен сделать это через CSS. Моя идея состоит в том, чтобы сделать это через свойство "content: (...);"- но я застрял там. : /

Кто-нибудь знает, как решить эту проблему?

Answer 1

Предполагая, что вы хотите сделать это только визуально, добавив псевдоэлемент с содержимым и скрыв метку, это будет вариант.

HTML

<div class="wein">
  Argentinien (Rotweine)
</div>

CSS

.wein {
  color: transparent;
}
.wein:before {
  display: block;
  content: 'Argentinien';
  color: black;
}

https://codepen.io/ithimo/pen/WNeqaPL

Это ни в коем случае не красиво, интуитивно понятно или может быть сделано автоматически без помощи JavaScript.

Answer 2

создайте класс для скобок и используйте это:

color:transparent

или

display:none