Можно ли скрыть divы которые генерируются на странице поиска?

Question

[lexxand]

Товарищи, помогите решить задачу - есть каталог на CMS Wordpress, в нем есть каталог. Товарищ попросил помочь - ему нужно выводить только один результат поиска по каталогу. Т.е пользователь ищет что-то по каталогу, и ему генерируется страница с кодом

<div class="drts-row drts-gutter-sm">
     <div class="drts-col-12 drts-col-sm-6 drts-col-lg-4 drts-view-entity-container :container(width>320px) :container(width>720px)">
      <div class="drts-col-12 drts-col-sm-6 drts-col-lg-4 drts-view-entity-container :container(width>320px) :container(width>720px)">
       <div class="drts-col-12 drts-col-sm-6 drts-col-lg-4 drts-view-entity-container :container(width>320px) :container(width>720px)">

Т.е в один div вложены еще три div которые - результаты поиска.
Есть возможность через css скрывать все div кроме первого результата поиска? Куда-нибудь в шапку прописать бы код... В результатах поиска может быть как 1 так и 50

<div class="drts-col-12 drts-col-sm-6 drts-col-lg-4 drts-view-entity-container :container(width>320px) :container(width>720px)">

Answer 1

[Олег]

Костыльно, но если нужно, так

.drts-row .drts-gutter-sm div{
 display:hidden;
}
.drts-row .drts-gutter-sm:first-child{
 display:block;
}

Лучше ограничить количество результатов выдачи)

Comments

[lexxand]

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

P.S. не могу сообразить как заставить плагин Вордпресса считать добавленные стили...вроде и important добавил, и нашел файл этот со стилями, не выходит что-то.

[lexxand]

Может есть какой-то костыль чтобы к определенной странице только применялись стили? Потому что в style.css только по отдельности стили:
.drts-row
drts-gutter-sm

[Egor Varenik]

Мне кажется, код из твоего примера работать не будет, ибо ты два класса в одном селекторе указываешь. Тут новый класс вводить надо. А ещё есть в CSS классная штука :not(), которая позволяет от одного из селекторов избавиться, чтобы не переназначать вид для первого div, а просто оставить его дефолтным

Answer 2

[Egor Varenik]

Во-первых, я бы задал для этого контейнера свой класс, назовем его classname.

.classname > div:not(:first-child) {
display: none;
}