ホームページ作成でフォントの色を変えるのに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ランキング
-
ヤフオクの出品説明文をカラー...
-
数値Lについて
-
htmlで改行タグを入れていない...
-
大きくなった文字を元に戻すには?
-
PDFファイルをリンクするには?
-
アクセスログの「HEAD」と...
-
VBAで自動ログインできない
-
いつもと文字が・・・
-
HPの背景固定タグ
-
無料ホームページの簡単な作り方
-
デスクトップのドキュメントな...
-
<!--nobanner--> かindex.xhtm...
-
小さい文字の画面を、大きくし...
-
ヘッダーを共通化した場合のSEO...
-
Internet Explorer7
-
日韓辞典(韓国語)のフリーウ...
-
隠しページの探し方
-
検索結果のページの文字が小さい!
-
昔のゲーム、ブラックオニキス...
-
ホームページの字がやけに小さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML タグへのstyle記載の違い
-
数値Lについて
-
ヤフオクの出品説明文をカラー...
-
グラデーションの仕方
-
文字色が反映されない
-
htmlで改行タグを入れていない...
-
アクセスログの「HEAD」と...
-
隠しページの探し方
-
大きくなった文字を元に戻すには?
-
アドレスバーへの直接入力を禁...
-
ドラッグすると見える文字
-
FFFTPで「コマンドが受け付けら...
-
ドメインを入力した際に「index...
-
エクセルから作ったホームペー...
-
CMSサイトの見分け方は?
-
ExcelのVBAの正規表現で二重引...
-
パソコンのメモ帳のことで質問
-
macでhtmlのタグを打って、開い...
-
テーブルwidthで指定したのに幅...
-
ヘッダーを共通化した場合のSEO...
おすすめ情報