![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
初歩的な質問で恐縮です。
cssの記述について質問いたします。
下記のようにcssを記述しているのですが、
一部だけ「font-size: small」を解除する方法はあるのでしょうか?
(要は、一部分をfont-size: X-smallにしたいのです。)
*
{
font-size: small;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #454545;
letter-spacing: 0.05em;
line-height: 180%;
}
a:link
{
color: #7B0215;
text-decoration: none;
}
よろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
では*のfont-size: smallを消し
一部分のclassにfont-size: X-smallを指定したらいいと思います
って・・・
一部分のclassにfont-size: X-smallを書けばいいのか・・・?
*
{
font-size: small;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #454545;
letter-spacing: 0.05em;
line-height: 180%;
}
a:link
{
color: #7B0215;
text-decoration: none;
font-size: X-small;
}
これでいけると思いますよ?
No.2
- 回答日時:
セレクタを工夫して、その特定の場所を指定するセレクタを書けばよいです。
そのためのカスケーディングスタイルシートですから・・・特定の場所をclass名やidで、class="small"なんて、<font color=red">と同列な最悪の指定方法です。
具体的な例で言うと
クラス名asideのdiv内の、定義リストの説明dd要素内のリンク文字だけ小さくするなら、
div.aside dl dd a{font-size:x-small";}
と子孫セレクタをつなげていくだけでよいですね。
詳細度が1+10+1+1+1=14ですから、初期設定の*(詳細度0)を上書きしてくれます。
また、
div.aside dl dd+dd a{font-size:x-small";}/* 詳細度(1) */
詳しくはセレクタ ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
だと、その二番目以降のddについてのみ適用されますね。詳細度は1+10+1+1+1+1=15
なお、
*
{
font-size: small;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #454545;
letter-spacing: 0.05em;
line-height: 180%;
}
と言う書き方は良くありません。いずれのプロパティも継承されますから、
body{
font-size: small;
font-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #454545;
letter-spacing: 0.05em;
line-height: 180%;
}
で良いです。今回は継承されるプロパティだけですから大差ありませんが、継承されてはまずいすべての要素に適用されてしまいます。そのため、本来は書かなくてすむすべての要素について改めてスタイルを指定する必要に迫られます。たとえばh1~ h2なんて大きいままでよいのが普通です。
これはどこかで誰かが始めた、誤った全称セレクタの使用方法です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS スマホ表示用のwebページ、style.cssでは表の中の文字 font-size は指定できない? 1 2023/03/27 18:57
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
特定の文字のみcssを適用するに...
-
上付き文字と下付き文字を同時...
-
jquery.validationEngine.jsカ...
-
文字の位置、上下のマージンが...
-
フォントのサイズが変わりませ...
-
ホームページビルダー作成HPがi...
-
fontサイズ指定の ”-(マイナ...
-
テキストファイルの行を指定し...
-
CSSで英語はふつうの大きさ...
-
html,cssでスマホとパソコンで...
-
リンク色の定義を2セット作る...
-
Htmlとcssの勉強のため手書きで...
-
CSSで一般的でSEOに有効な値(...
-
HTML5の<pre>の横幅を自動調整...
-
fc2無料ホームページにて携帯サ...
-
横幅は、640ピクセル?600ピク...
-
HPの文字化け対策
-
リンク文字
-
cssで指定するfontサイズについ...
-
Linkタグのcharset属性について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
WEBサイトの作成で、imgタグに...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
特定の文字のみcssを適用するに...
-
全角半角含めて等幅で表示したい
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
background-color: #ddd;の意味...
-
Format 関数 表示書式指定文字...
-
リンク文字
-
fontサイズ指定の ”-(マイナ...
-
HTMLで特定の文字だけ色を変え...
-
CSSを一部無効にしたい
-
指定の文字だけ色を変える
-
上付き文字と下付き文字を同時...
-
Excel VBA メール作成について ...
-
遊明朝のプロポーショナルフォ...
-
jquery.validationEngine.jsカ...
-
テキストボックス途中で切れて...
-
テキストエリア内の文字の装飾
おすすめ情報