`コンテンツ：` `コンテンツ対「」：NONE`

Question

私はエリック・メイヤーのCSSのリセットを読んこれを見た：

blockquote:before, blockquote:after, 
q:before, q:after { 
    /* ? */ content: ''; 
    /* ? */ content: none; 
} 

私はいくつかのブラウザが content: ''サポートすることを前提としてい

といくつかのcontent: none、これが事実ですか？そしてどのブラウザがどちらをサポートしていますか？

Answer 1

マイヤーは、そのバージョンのブロッククォート/ qリセットスタイルでポールチャップリンを賞賛します。

チャプリンのpostには、次のスタイルブロックが含まれています。アノテーションが付いています。

blockquote, q 
{ 
    quotes: none; 
} 

/* 
Safari doesn't support the quotes attribute, so we do this instead. 
*/ 
blockquote:before, blockquote:after, q:before, q:after 
{ 
    /* 
    CSS 2; used to remove quotes in case "none" fails below. 
    */ 
    content: ""; 
    /* 
    CSS 2.1; will remove quotes if supported, and override the above. 
    User-agents that don't understand "none" should ignore it, and 
    keep the above value. This is here for future compatibility, 
    though I'm not 100% convinced that it's a good idea... 
    */ 
    content: none; 
} 

それを煮詰めるするには：ほとんどのブラウザの現在のバージョンでは、単に:beforeと:afterセレクタを使用する必要がなくなりquotes: noneスタイルをサポートしています。奇妙な人はSafari/WebKitで、quotes: noneを尊敬しませんでした。これを解決する次の方法は:before/:after疑似要素で行われましたが、WebKitではその書き込み時点でcontent: noneもサポートされていなかったので、content: ""が必要でした。

しかし、現在のWebKitブラウザ（Safari 5.1とChrome 12）のquick testは、quotes: noneが両方でうまく動作することを示しています。 content: none bug against WebKitはなんらかの理由でまだオープンしていますが、bug for the quotes propertyはかなり最近閉鎖されています。

短い話ですが、余分なスタイルが古いバージョンのSafari（場合によってはChrome）をサポートするように見えます。彼らがサポートを得たときに正確に釘付けにするのはもう少し難しいですが、すべてのブラウザの現在のバージョンはquotes: none（そしてcontent: none）をうまく処理しているようです。