CSSを一部無効にしたい
今HTML4.01 Transitionalを使用してページを作成しているのですが、
外部cssで、以下のような全体にかかるスタイルを適用しています。
* {
border:0 none silver;
font-style:normal;
font-weight:normal;
}
このなかのborder: 0 none silver だけを
その外部のcssをいじることなく、html上で無効にしたいのです。
HTMLの方でstyleを使うことで上書きすることは可能なのですが、無効にするだけのやり方が分からず、質問させていただきました。よろしくお願いします。
(カテゴリを間違えていたため再投稿させて頂きました)
No.3ベストアンサー
- 回答日時:
同じCSSをそのHTMLで上書きすれば、いいだけのことです。
外部CSSでやるなら、一番最後にリンクさせれば上書きできます。
HTML内でやるばあいも、最後に書きます。
No.4
- 回答日時:
CSSの記述順番、登場順番はこの場合関係ないです。
これって初心者が良く間違うところです。順番が関係するのはあくまで、詳細度が同じ時だけです。
CSSには継承について詳しく書かれています。仕様書くらいは読みましょう。
6.4.1 カスケード処理の順序(Cascading order) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
4. 最後に指定された順序によるソートを行う。 2つの規則が全く同じ優先度及び詳細度を持つ場合は、より後の位置で指定された規則が適用される。 取り込まれたスタイルシートは、すべての規則に先行するものとして扱う。
No.2
- 回答日時:
そもそも、
* {
border:0 none silver;
font-style:normal;
font-weight:normal;
}
んなお馬鹿な指定はすべきではありません。全称セレクタで指定するということは、すべてのセレクタについて上書きをするということに全く等しいのです。
どこかのCSSを知らない人が始めたのでしょうが、それを消せば済むことです。
5.3 全称セレクタ(Universal selector) ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
せいぜい、
html,body{padding:0px;margin:0px}というタイプセレクタ(詳細度1)くらいで済ませるべきです。
上書きで消したいなら、タイプセレクタを一個以上指定して、すべてその都度、詳細度を(タイプの数×指定数)にして上書きするしかありません。borderは継承しませんからね。
'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width'
Value: <border-width> | inherit
Initial: medium
Applies to: all elements
Inherited: no★
Percentages: N/A
Media: visual
ボックスモデル ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )
そもそも
border:0 none silver;
font-style:normal;
font-weight:normal;
なんて、意味ないです。
borderを全称セレクタで0で決めると、hrのborderが消えてしまう。というか、borderは簡易プロパティですから、{幅、スタイル、色}を指定しますが、0とnoneは同じ意味(消える)です。
No.1
- 回答日時:
何かのテクニックでしょうか?
全ての要素にボーダー:無しを設定する事自体が蛇足。
font-~~:normal;も同様。
なんの為にこのような設定にしているか全く不明ですが、
* 全称セレクタにこのような設定をすべきでは無い事が前提。
------------------
仮に、設定するなら、
CSSで、
border: 0 solid silver;
noneではなく ↑ の border-styleを設定しつつ 0 で消しておく。
HTMLで、
<div style="border-width: 1px;">
解除は出来ないので、最小限の上書きにするしかない。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
文字の位置、上下のマージンが...
-
h1タグのパンくずリストへの設置
-
<pre>のフォントサイズを指定す...
-
Excel VBA メール作成について ...
-
リストの前後の行間をなくす方...
-
Excel VBA メール作成について ...
-
特定の文字のみcssを適用するに...
-
fontサイズ指定の ”-(マイナ...
-
文字のサイズを大きくしつつ、...
-
font-familyの使い方
-
全角半角含めて等幅で表示したい
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
メールで、榊の文字を木辺に神...
-
入力規則のリストの文字の大き...
-
cssファイルの名称付け
-
テキストエディタmiの表示文字...
-
サイト全体を縮小して印刷する...
-
MsgBoxについて
-
Dreamweaver のテンプレートで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストの前後の行間をなくす方...
-
fontサイズ指定の ”-(マイナ...
-
リンク文字
-
特定の文字のみcssを適用するに...
-
全角半角含めて等幅で表示したい
-
Format 関数 表示書式指定文字...
-
文字の位置、上下のマージンが...
-
background-color: #ddd;の意味...
-
h1タグのパンくずリストへの設置
-
ホームページビルダー作成HPがi...
-
Excel VBA メール作成について ...
-
テキストファイルの行を指定し...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
iframe 文字化け
-
テーブルの中のフォントサイズ...
-
CSSで14px/1.4の部分の記述は正...
-
jquery.validationEngine.jsカ...
-
上付き文字と下付き文字を同時...
おすすめ情報