• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:css classとidの使い方)

CSS classとidの使い方

このQ&Aのポイント
  • CSSのclassとidを使って、<p></p>内の文をitalicに、<span>内をboldかつ赤色にしたいですが、うまく変更できません。どこを修正すれば良いでしょうか?
  • <p></p>内の文をitalicに変更するには、<p>タグにclass属性を追加し、そのクラス名をCSSで指定する必要があります。同様に、<span>タグにid属性を追加し、そのid名をCSSで指定することで、<span>内の文をboldかつ赤色に変更できます。
  • 具体的には、<p>タグにclass属性を追加して、そのクラス名をCSSの.profileクラスで指定し、<span>タグにid属性を追加して、そのid名をCSSの#attentionセレクタで指定します。CSSの.profileクラスにはfont-styleプロパティをitalicに、#attentionセレクタにはfont-weightプロパティをboldに、colorプロパティをredに指定すると、<p>内の文がitalicに、<span>内の文がboldかつ赤色に変更されます。

質問者が選んだベストアンサー

  • ベストアンサー
  • Safe_Mode
  • ベストアンサー率48% (1329/2725)
回答No.1

提示されたソースとスタイルシートをIE8で表示させて見ましたが、特に問題なく表示されますね。 ただ、#attention内のfont-style: italic; は不要だと思いますけど。 ソースやスタイルシートを修正していて上書き保存とリロードが前後して上手くいってなかったなどということはありませんか?

isman
質問者

お礼

今また確認してみたところ、Safe_Modeさんの言うように正しく表示されました。もしかして2つのファイルの間で上書き保存がずれてたのが原因かもしれません。。attention内のitalicもついでに直しました。 わざわざ確認していただきありがとうございました!