Из-за чего не применяются стили?

Question

[RamPM]

При адаптивной вёрстке возникает ошибка, в чём проблема?

Answer 1

[SuperToster]

Где то указаны стили с большей важностью. Где - не видя всей таблицы увы подсказать не могу.

upd при каком разрешении экрана смотрите?

Comments

[RamPM]

Что значит большей важности??

[Сергей delphinpro]

RamPM,

Что значит большей важности??

Специфичность селекторов
Если специфичность одинаковая, то приоритет разруливается по каскаду.

Это же основы основ...

[SuperToster]

Для того же класса записано тоже свойство с другим значением. Ниже этого класса или в следующей таблице стилей или указано правило !important и т. д.

[RamPM]

@media only screen and (max-width: 400px ){ 
.dropbtn{
	display: inline-block;
} 
.logo{
	width: 230px;
	margin-left: 0px;
}
html{
}
#filein{
min-width: 300px;
}
.search-div{
display: none;
}
.left-body{
height: 175px;
border: none;
display: none;
}
.right-body{
/*overflow-y: auto;*/
width: 96%;
height: 70%;
}
audio{
width: 90%;
}
#form-m{
display: none;
}
.info-user{
width: 282px;
margin-left: 20px;
min-height: 	
}
.post-r{
width: 200px;
margin-left: 60px;
}
.avatar{
margin-left: 60px;
border: none;
}
.container{
display: inline-block;
}
.content{
	display: inline-block;
}
.avt-img{
border-radius: 70%;
height: 90px;
width: 90px;
}
}

.dropdown {
    position: relative;
    display: block;
}
.bars{
float:left;
margin-left:15px;
display: inline-block;
margin-top: 28px;
}
.dropbtn {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: none;
}


.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #000;
    min-width: 160px;
    z-index: 1;
    margin-top: 40px;
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {color: #e62948;}

.dropdown:hover .dropdown-content {
    display: inline-block;
}
.dropbtnli:hover  {
   color: #e62948;
}
.libar{
border: 1px solid #fff;
width:15px;
margin-bottom:5px;
list-style:none;
}

375x667

[RamPM]

SuperToster, класс dropbtn

[SuperToster]

RamPM,

@media only screen and (max-width: 400px ){ 
     .dropbtn{
          display: inline-block; /* < ---------------- */
     } 
}

и ниже указано

.dropbtn {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border: none;
    cursor: pointer;
    display: none; /* < ---------------- */
}

то что указано ниже имеет большую важность
.

[RamPM]

SuperToster, спасибо!!