Bymas | !important

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

как прописать правильно !important что бы дивы не относились друг другу. вроде все правильно все сделал а оно не хочет работать ((

 .menu li { 

 position:relative;

 background:#fff ! important;

 border-radius:5px ! important;

 	display:inline-block;

  margin:0 auto;

 }

и вот

.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://bymas.ru/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 что бы дивы не относились друг другу. вроде все правильно все сделал а оно не хочет работать ((

 .menu li { 

 position:relative;

 background:#fff ! important;

 border-radius:5px ! important;

 	display:inline-block;

  margin:0 auto;

 }

и вот

.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>