ボックスの要素を選択して：

Question

の後

なぜそれが機能しませんか？余分な要素を追加せずにこれを回避する方法はありますか？

http://jsfiddle.net/86gb2/

Answer 1

あなたのバイオリンでは次の宣言は、おそらくあなたが期待する何をしていません。

select:after {content: "This doesn't work";} 

これは実際にはない選択ボックス自体の後、コンテンツ選択ボックスの後にテキストを追加します。そのテキストはマークアップの最後のoptionの後に追加されます。 （もちろんどちらも有効ではない、またそれがブラウザによってレンダリングされます）

言い換えれば、あなたは、このマークアップがあった場合：

<a href="#">My link</a> 

と、このCSS：

a:after {content: " has now been appended to";} 

何を実際に起こっているこれです：この時

<a href="#">My link has now been appended to</a> 

Answer 2

私は、そのようなもののためにjQueryのAPIを使用することをお勧めします：

$(document).ready(function(){ 
    $("select").after("<div>this doesnt work, or does it?</div>"); 
});​