質問: yahooのフリースペースについて いつも大変お世話になっております。fujiです。よろしくお願い致します。yahooのフリースペースについてご教授いただければありがたいです。pc用フリースペースとスマホ用フリースペースがありますよね。pc用フリースペースは外部css可能スマホ用フリースペースはインライン(style="~")のみ可能pc用フリースペースが入力されておりスマホ用フリースペースが入力されていない時、スマホ商品ページの「商品情報をもっと見る」が「詳しく見る」になり、スマホ用商品ページの商品商材情報にpc用フリースペースが表示される仕様ということを知りました。いままで、スマホ用のフリースペースを入力していましたが、外部cssで制御したかったので上記のスマホ用フリースペースに入力せず、pc用フリースペースのみ入力し外部cssでメディアクエリを使って、スマホ表示時とpc表示時でスタイルを分ければいいかと思い試しました。結果、メディアクエリのcssは、yahooのスマホ用にコンバートするcssに邪魔されました。store.convert2.1.cssというファイルで下記のようなcss(一部)が!importantで優先されました。.mdfreespaceconvert .elconvert p {box-sizing: border-box !important;position: static !important;display: block !important;width: 100% !important;max-width: 100% !important;height: auto !important;margin: 0 !important;padding: 0 !important;overflow-y: visible !important;background-position: 0 0 !important;font-size: 12px !important;font-family: inherit !important;}position、margin、paddingやfont-sizeなど制御したい部分が邪魔されてしまいます。ブラウザのデベロッパーモードでstore.convert2.1.cssの対象のcssを解除すれば、こちらが指定したcssが適用されました。そこで質問です。store.convert2.1.cssを無効化もしくはstore.convert2.1.cssで指定しているposition、marginよりもこちらが設定したcssを優先させる方法はありませんか?よろしくお願い致します。
回答: 伊藤様ありがとうございます。classを指定して試してみます。また結果を書きます。