ホームページ作成でフォントの色を変えるのにcssで
.under {
color: #FE5936;
border-bottom: 2px solid #e5e5e5";
font-weight: bolder;
display:inline;
}
.green {
color: #006C36;
font-weight: bolder;
}
.red {
color: #FF0000;
font-weight: bolder;
}
.orange {
color: #FF8000;
font-weight: bolder;
}
と、設定してHTMLで<span class="○○">AAA</span>として文字の色を変えています。
いくつかHPがあって今までもそのように設定していたのですが、今更新の作業をしていて、更新作業中のサイトだけ<span>の設定が反映されているところと反映されていないところ(されていないところが大半)になってしまっていて困っています。
上記のunderは反映されるのですが、<span class="red">AAA</span>など、under以外反映されず、bodyで設定したcolorになっています。redをunderにすると反映されたりするので、redの設定がまちがってるのかと、cssの部分を打ち直したりしても変わらずです。{}で閉じてあるし、タグも</span>で閉じてあるし、display:inline;は直接関係ないと思うのですが。。。
同じCSSを使っている他のサイトでもこんなことがなかったので、どうしたらいいのか途方にくれています。
fontタグでやればできないことはないけど、cssで解決したいので、何か考えられる原因があれば教えてください。
No.2ベストアンサー
- 回答日時:
文法に誤りがあるかもしれませんので、以下のサイトで確認してみてください。
W3C CSS 検証サービス
http://jigsaw.w3.org/css-validator/
Another HTML-lint gateway
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
回答ありがとうございます。
上記2サイトは知っていたのですが、突然の出来事にあわてていてチェックしてませんでした。
チェックしたところこの問題(インライン要素の部分のCSS)とは関係ないような場所でエラーはありましたが修正したらこの問題は解決しました。
いまいち納得できないんですが、とにかく直りましたのでお礼申し上げます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CDを完全にコピーして空のCD-R...
-
レポート提出のため、印字され...
-
ChatGPTは無料で使えるのにどう...
-
中華ゲーム機のGame Console R3...
-
液晶タブレット(液タブ)を一年...
-
Windowsのメモ帳でフォントを変...
-
ソフトはVectorでダウンロード...
-
パソコンの手打ちとスマホの手...
-
PowerShellにはバージョンがあ...
-
Windows11のメモ帳の文字は見づ...
-
Win11で画像ファイルが突然開け...
-
ノートパソコンのキーキャップ...
-
Windowsにプリインストールされ...
-
PowerShellに将来性はあるので...
-
スマホを分解するとスマホの防...
-
Windows11の初期設定でMicrosof...
-
新規のパソコンに設定するMicr...
-
ストレージ内の全てのファイル...
-
タッチタイピングのコツを教え...
-
数日前から急にFBが前に進まず...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ヤフオクの出品説明文をカラー...
-
数値Lについて
-
グラデーションの仕方
-
触れたときに文字の色を変える方法
-
文字色が反映されない
-
HTMLのタグ属性で指定された特...
-
アクセスログの「HEAD」と...
-
htmlで改行タグを入れていない...
-
大きくなった文字を元に戻すには?
-
ドラッグすると見える文字
-
隠しページの探し方
-
トップページの入れ替えを教え...
-
HPのソースをそのまま貼り付け...
-
macでhtmlのタグを打って、開い...
-
拡張子の変え方
-
アドレスバーへの直接入力を禁...
-
ExcelのVBAの正規表現で二重引...
-
検索結果のページの文字が小さい!
-
ホームページビルダーのトップ...
-
WINで複数のデスクトップを切り...
おすすめ情報