2012-04-25 1 views
4

この投稿(How to style the first and last li with CSS or jQuery?)をチェックしましたが、まだ適切なIE8(およびIE8以前の)ソリューションを探しています。DIVの行の最後のDIVをスタイルします

私はパディング - ライトを持つように設定されたDIVの行を持っていますが、最後のDIVが正しくゼロになるように、最後のDIVが正しく配置されるようにします。以前は.css + .cssルートを使用していましたが、IE8とそれ以前のバージョンでは動作していません。

ご協力いただければ幸いです。

+0

は、ソリューションの良い選択をして答えを感謝しています。あなたはjQueryのを持っている場合は、このような何かを行うことができますありがとう。 – Andy

+0

大歓迎です。それが私たちがここにいるのです! –

答えて

3

:「

div.container { 
    background-color: blue; 
} 
div.container .div-row { 
    float: left; 
    padding-right: 5px; 
} 
div.container .div-row:last-child { 
    padding-right: 0px; 
} 
3

最後のdivにクラスを与え、そのクラスでIEで動作させることができます。

<div class="last"></div> 

<style> 
    .last 
    { 
     padding-right:0; 
    } 
</style> 
+0

これは私たちがこの問題を解決した方法です。実際には、最初のdivと最後のdivのスタイルが異なります。クラスを手動で追加する必要がありました。 –

+0

また、同じ作業を行う場所が複数ある場合は、javascriptを使用して作業することもできます。 –

2

次のCSSのようなものを使用することができます。

.rowofdivs div:last-child { 
    padding-right: 0; 
} 
1

することはできユーザーCSSの擬似クラス:last-of-type

1

このCSS3のセレクタは、いただきまし利用できるのリストについては、quirks modeを参照してくださいですどのブラウザ。

最後のdivコードにclass = "last"を追加してみませんか?

最後の子は、IE8と利用できません以下、これらすべて含むのdivラッピングは、あなたがこれを行うことができるはずがありますと仮定

1

手動で追加できない場合が他の回答で提案されているように、「最後の」クラスを使用する場合は、これを達成するためにJavaScriptを使用する必要があります。そして、それに応じてスタイルシートを調整

$('#parentdiv div:last-child').addClass('last'); 

.last { padding-right: 0 } 
関連する問題