2016-05-10 8 views
4

私はnormalize.cssを使用していますが、記事の著者を指定する<address>タグを使用しているとき、私はまだ問題がある:<address>タグの自動フォーマットをすべて削除するにはどうすればよいですか?

<address rel="author">My Name</address> 

少なくともFirefoxでは、ブロックレベル要素にそれを回すように思われ、 italicfont-styleに追加します。

他に何が起こっているのかわかりません。

ブラウザで追加できる<address>タグの自動スタイルをすべて削除するにはどうすればよいですか?デフォルトで

答えて

1

addressはこのプロパティがあります。

address { 
    display: block; 
    font-style: italic; 
} 

ので、あなたがaddressをリセットしたい場合は、normalfont-styleを設定します。

address { 
 
    font-style: normal 
 
}
<address rel="author">My Name</address>

NOTE - それを表示するルールがアップしていますあなたにいますが、CSSのリセットを見れば、あなたが表示されますaddressdisplay:block

1

としてどのように私は、ブラウザが追加することが<address>タグのすべての自動スタイルを削除することができますか?

できません。ブラウザのデフォルトスタイルは削除しません。あなたはそれらを無効にします。

自分のスタイルシートでは、希望通りに<address>のルールを設定します。

normalize.css(v4.1.1)の最新バージョンには、<address>のルールが含まれていないため、変更する必要はありません。

現在のブラウザを推奨デフォルトのスタイルのアイデアを得ることができます。

あなたは<address>display: blockfont-style: italicが適用されていることに気づくでしょう。

address { all: initial; } 

これは、そのようなdivためdisplay: blockとして、ユーザエージェントスタイルシートによって適用されたスタイルを削除します:

+0

※*できません。実際、あなたはできます。あなたが本当にしたいかどうかは良い質問です。 –

+0

@ torazaburo、私はあなたの答えを読んだ後、それについて考えました。しかし、UAのスタイルは実際には*削除されていないと結論づけました。彼らはまだ作者のスタイルによって無効にされています。 –

+0

それは素晴らしい区別です。関連するUAルールを削除することと意味的に同一であるすべてのインテントと目的に対してプロパティを初期値に戻すことはしていませんか? –

2

initialキーワードを使用します。

initialの使用は、allに限定されない。特定のプロパティを「無効にする」ためにも使用できます。

address { display: initial; } 
関連する問題