PCフリーゲーム"たぐたぐ-TAG IN THE DUNGEON-"です。ダウンロード不要、ウェブブラウザだけで遊べます。

フリーゲーム/無料ゲーム - たぐたぐTAG IN THE DUNGEON

Development Diary

リンクのaタグのURLを変えたらclass属性が効かなくなった話

投稿日:

今日はHTMLのお話です。

クライアントからのHP制作依頼でHTMLを書いていました。

aタグ内のURLが変更となったようで、
新しいURLに差し替えた時に問題は起こりました。

CSSが全然効かなくなったのです。

URLを変える前はしっかりCSSが反映されていたのですが、
URLを差し替えた途端にデザインが一気に崩れるという…

前のURLに戻すと、正常に動作する。

原因はURL内の“?(クエスチョン)”でした。

URLにはサーバーに情報を送るために変数を付け加える場合がたまにあるのですが、
新しいURLにはそれが含まれていて、URLと変数を繋ぐ“?”がCSSを反映させなくしていたようです。

CSSはclass属性で書いていたのでスタイルシートから呼び出してる状態でした。

物は試しにとstyle属性でHTMLにCSSを直書きしてみた結果、、反映成功!

なぜ“?(クエスチョン)”によってclassが効かなくなるのかは分かりませんが、
同じような現象になった場合はCSSを直書きしてみることをオススメします。

-Development Diary

Copyright© フリーゲーム/無料ゲーム - たぐたぐTAG IN THE DUNGEON , 2021 All Rights Reserved Powered by STINGER.