Bymas | !important

всем привет, такой вопрос, у меня вот есть два родителя menu li и .carousel li этот див carousel li прописан внутри первого дива. получается что когда я ставлю тег <li>text</li> то фон кнопки срабатывает стега menu как прописать правильно !important что бы дивы не относились друг другу. вроде все правильно все сделал а оно не хочет работать ((

css

   .menu li {  position:relative; background:#fff ! important; border-radius:5px ! important; display:inline-block;  margin:0 auto; }

и вот

css

   .carousel  li {  vertical-align: top;     display: inline-block;     text-align: center;       float:left;        z-index:9900;         padding: 5px 5px; background: #E2E2E2 ;         font-size:7px;         border:none;         border-radius:0 ; }

pyrokinesis , Причём тут ! important ?

Sovet [!] (19 нояб 2022, в 0:42)

pyrokinesis , Причём тут ! important ?

ты мне давал совет в этой теме, https://bym.guru/forum/topic/155497
я прочел в гугле все там так и есть как я написал в ксс

pyrokinesis , Здесь он не нужен

Sovet [!] (19 нояб 2022, в 0:47)

pyrokinesis , Здесь он не нужен

понял, как сделать что бы два тега <li> не относились друг с другом ?

pyrokinesis , Отключи стили для тега <li>

Sovet [!] (19 нояб 2022, в 0:58)

pyrokinesis , Отключи стили для тега <li>

пробовал border-radius:0px; background:none; не помогло цвет и бордер берет из другого родителя

pyrokinesis (19 нояб 2022, в 0:26)
всем привет, такой вопрос, у меня вот есть два родителя menu li и .carousel li этот див carousel li прописан внутри первого дива. получается что когда я ставлю тег <li>text</li> то фон кнопки срабатывает стега menu как прописать правильно !important что бы дивы не относились друг другу. вроде все правильно все сделал а оно не хочет работать ((

css

   .menu li {  position:relative; background:#fff ! important; border-radius:5px ! important; display:inline-block;  margin:0 auto; }

и вот

css

   .carousel  li {  vertical-align: top;     display: inline-block;     text-align: center;       float:left;        z-index:9900;         padding: 5px 5px; background: #E2E2E2 ;         font-size:7px;         border:none;         border-radius:0 ; }

убери li в css
пропеши
<li class="menu">text</li>
<li class="carousel">text</li>

пробуй
________
посл. ред. 19.11.2022 в 01:10; всего 1 раз(а); by U_k_r_a_i_n_e

[i] [!] (19 нояб 2022, в 1:10)
убери li в css
пропеши
<li class="menu">text</li>
<li class="carousel">text</li>

пробуй

не все так просто, так не полуится. хотя идея не плохая .... можно конечно, прийдется дохрена кода переделывать.

[i] [!] (19 нояб 2022, в 1:10)
убери li в css
пропеши
<li class="menu">text</li>
<li class="carousel">text</li>

пробуй

у меня вообще такой код.

<ul class='menu'>

<li><a htef=''>text</a></li>
<li><a htef=''>text</a></li>
<li><a htef=''>text</a></li>

</ul>