More than 5 years have passed since last update.

＠media ミス備忘録

Posted at 2020-05-28

メディアクエリでどうしてもサイズがフォントサイズが変更されない時に
分かった対処方法


.p-header__nav-menu__closelist .c-header__nav-menu__closelist a {
    color: #FFFFFF;
    font-size: 12px;
}

このようなCSSの施一計をしている場合は、

@media (min-width:768px) {
.c-header__nav-menu__closelist a {
    font-size: 12px;
}
}

このように設計してまうと、どこの親要素のaタグなのか理解してもらえず
反映されない。

@media (min-width:768px) {
.p-header__nav-menu__closelist .c-header__nav-menu__closelist a {
    font-size: 12px;
}
}

この書き方じゃないと反映されない。