このサイトのCSSを上書きすることはできません

Question

このサイトは自分自身でCSSを上書きしています。体内には"text-align: center"のstyle.cssがあります。

私は<div id="mydiv">を身体に付け加えました。通常、「text-align：left」となっています。 #mydivの下には<ul>と<li>があり、なんらかの理由でボディの「中心」を継承しています。私はこれを試みた、それはまだ動作していません。

$('#mydiv').children().css('text-align', 'auto'); 

私はどのように私のCSSを取り戻すのですか？

@Grillz、HTMLは次のようになります。

<div id="mydiv"> 
<ul class="container"> 
    <li rel="folder" class="category"><a href="#">category1</a> 
     <ul><li rel="file" class="subcategory"><a href="#">subcategory1</a></li></ul> 
     <ul><li rel="file" class="subcategory"><a href="#">subcategory2</a></li></ul> 
    </li> 
    <li rel="folder" class="category"><a href="#">category2</a> 
     <ul><li rel="file" class="subcategory"><a href="#">subcategory3</a></li></ul> 
     <ul><li rel="file" class="subcategory"><a href="#">subcategory4</a></li></ul> 
    </li> 
</ul> 

Answer 1

を表示するためのコードとしてそれらを定義する必要があります。

$('#mydiv').children().children().each(function() { 
    $(this).css('text-align', 'left'); 
}); 

まず、2つのレベルのドリルダウンを<li>まで実行します。第二に、そのそれぞれの子にCSSスタイルを適用する.each()機能を使用して...

EDIT：上記のあなたのhtmlを見た後、以下は、おそらくより適切です：

$('#mydiv').find("li").each(function() { 
    $(this).css('text-align', 'left'); 
}); 

これはに.find()機能を使用していますすべての<li>要素を#myDivの中に見つける。ここ

（代わりにテキスト整列の色付き）

ワーキングjsFiddle：http://jsfiddle.net/Damien_at_SF/Vabvu/

希望:)

Answer 2

必要なのは、より具体的なCSSルールです。このようなものは#mydivのすべての子のテキストの配置を左に設定します。子供のいない

body #mydiv * { 
    text-align: left; 
} 

Answer 3

てみてください（）関数

Answer 4

$(document).ready(function(){ 
    $('body').css('text-align', 'left !important'); 
}); 

と私はあなたがあなたの例では<UL/>と<LI/>を挿入するために揃え推測しています。あなたはjQueryの経由でそれをしたい場合は、あなたの.children()のみ<li>、<ul>ではなく選択されて...あなたはこのような何かをする必要があり、それらは