Дисплей 1 из X Divs выбранных CSS -Класс - PullRequest
Новая
       7

Дисплей 1 из X Divs выбранных CSS -Класс

0 голосов
/ 27 марта 2020

У меня на домашней странице X html элементов div с X разными именами классов:

  • class = "home-1"
  • class = "home-2"
  • class = "home-3"
  • class = "home-4"
  • et c.

Моя цель состоит в том, чтобы отключить только один из этих "divs". Остальные должны быть скрыты с css. Я думаю, я не могу сделать это, только с css.

, что я могу сделать вручную, это 

.home-1 { display: none; }
.home-3 { display: none; }
.home-4 { display: none; }

Так что в этом случае отображается home-2.

Конечно, я хочу, чтобы это автоматизировалось с помощью javascript, может кто-нибудь, пожалуйста, помогите мне?

, что вы будете очень милы!

ОБНОВЛЕНИЕ: я думаю, что я был я уже устал, когда писал этот вопрос, потому что забыл что-то важное. aaarggh; (!!

я хочу использовать javascript, чтобы убедиться, что всегда отображается «другой» div, а остальные автоматически скрываются.

Ответы [ 2 ]

1 голос
/ 27 марта 2020

Да, это возможно по CSS.
Если вы хотите, чтобы hide all elements с именем класса начиналось с home- и указанным c элементом, затем добавьте . активный класс, который использовал display:block свойство. Что-то вроде ниже фрагмента. 

/* Hide all .home-* elements */
[class^="home-"] { display: none; }

/* Show element which has .active class*/
[class^="home-"].active{ display: block; }
<div class="home-1">Home 1</div>
<div class="home-2 active">Home 2</div>
<div class="home-3">Home 3</div>
<div class="home-4">Home 4</div>
0 голосов
/ 27 марта 2020

Извините, я слишком устал и задал неправильный вопрос, вот правильный вопрос: Новый правильный вопрос

...