css - cssテキストにパーセンテージを使用する-親からのフォントサイズの継承を停止するにはどうすればよいですか？

Question

私はこのようなものを持っています

 <body>
    <h2>
    Blue 
    <span>
    <a ....>add to combo</a>
    </span>
    </h2>
  </body>

およびcss

#body {font-size: 100%}
h2{font-size: 200%}
a{font-size: 80%}

今、私は読んでいて、パーセンテージが親のサイズから取られているので、リンクが100％の80％ではなく200％（100％の）の80％になることに気づきました。

ただし、すべてのフォントサイズ宣言を継承せずにパーセンテージで表示したいのですが、サイト全体の基本フォントサイズ（たとえば16px）から計算するだけですか？

どうやってそれをしますか？

score 2 · Accepted Answer

あなたが望むことはあなたのgiveコードでは不可能です。フォント1の特定のサイズを継承する場合、childNodesのすべてのフォントサイズは親を基準にします。

特定のフォントサイズを使用し、継承しない場合は、明示的に設定する必要があります

とはいえ、重要なステートメントを使用しようとしないでください。CSSが自分のプロパティをHTMLノードに割り当てる方法を確認してください

score 0 · Accepted Answer

「！important」ルールを使用してみてください。

score 0 · Accepted Answer

継承はカスケードスタイルシートのカスケードの一部であるため、継承をオーバーライドすることはできないと思います。

使用法については、（非常に）特定のセレクターを使用する要素のフォントサイズを明示的に指定する必要があります（これは非常に面倒でエラーが発生しやすくなります）。

h2 span a {font-size: 18px; } /* or whatever */

または、スパンがh2子孫ではなくの兄弟になるようにhtmlを並べ替えます。しかし、私はそれが可能であるべきだということに同意します。

3 に答える 3