[masalll]

【お使いの Snow Monkey のバージョン】最新
【お使いの Snow Monkey Blocks のバージョン】最新
【お使いの Snow Monkey Editor のバージョン】最新
【お使いのブラウザ】クロム
【当該サイトのURL】

### 実現したいこと

VScodeでHTML編集のときは

@media screen and (max-width:500px){
}

でいけるのですが、WordPressの場合　element.styleが当たってしまい、なんのクラスでやれば良いか途方に暮れています。
お願いいたします。

♥ 0

Who liked: No user

[アクツ]

masalll さんこんにちは

class名でみると、セクションブロックのタイトルの箇所のようですが、こちら何か設定とかされてたりしますか？（といってもブロックの設定で文字サイズとか変更できなさそうなのですが）

素のセクションブロックの状態だとそもそもelement.style（HTMLコード側で直接スタイルが指定されているもの）がつかなかったので・・・

CSS側では .hoge{ font-size:50px !important} みたいに!important をつけてしまえば、element.style より勝ちますが、!important ってあまり使いたくないので、私の場合だとそもそものelement.style を外せないかを検討すると思います。

参考（CSS詳細度）：

詳細度 – CSS: カスケーディングスタイルシート | MDN

詳細度 (Specificity) は、どの CSS プロパティが要素に最も関係があるか、すなわち適用されるかをブラウザーが決定する手段です。詳細度は様々な組み合わせの CSS セレク…

developer.mozilla.org

♥ 1

Who liked: No user

[まーちゅう]

element.styleが付くのは、WordPressだからではなくて、Snow Monkey EditorのようなプラグインでインラインのCSSが追加されているからです。
編集画面を開いて、該当箇所のカスタムフォントサイズをリセットしてください。

♥ 1

Who liked: No user

[masalll]

固定ページでは色を変えるだけにして、サイズ変えず、CSSで変える方がよさげですね！

♥ 0

Who liked: No user

[投稿者]

投稿