Javascript 无法覆盖此站点上的CSS

这个网站正在用自己的CSS覆盖我的CSS，我无法绕过它！它的style.css在主体中带有

“文本对齐：居中”

我将

附加到正文中，通常会显示“text align:left”。mydiv下面有

和

s，它们出于某种原因继承了身体的“中心”。我试过了，但还是不起作用

$('#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>

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

---

您所需要的只是一个更具体的css规则。类似的内容将为#mydiv的所有子级将文本对齐设置为左

Try without children（）函数

---

我猜你真的想在你的例子中插入

和

。您需要将它们定义为代码，以便它们显示

如果您希望通过jQuery执行此操作，则您的

.children（）

仅选择

，而不是
。。。您需要这样做：

<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>

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

首先，它向下钻取两个层次，向下钻取到
。其次，它使用
.each（）
函数将css样式应用于每个子项

编辑：看到上面的html后，下面可能更合适：

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

这使用
.find（）
函数来查找
#myDiv
中的每个
元素

在此处使用JSFIDLE（使用颜色而不是文本对齐）：

希望这有帮助：）
我们需要一个最有可能的例子开始。还有，你有没有试着加入到！jQuery的重要修饰符？此外，文本对齐的批准方法中没有“自动”。。您可以尝试$（document）.ready（function（）{$（'body'）.css（'text-align'，'left！important'）；}）；你应该读一下：如果我改为使用class subcategory，我能不能做$（'.subcategory）.css（'text-align'，'left'）？看起来效果很好：）很高兴我能帮上忙：）这就成功了。有没有办法防止正文覆盖字体族？我不知道jQueryUICSS试图使用哪种字体，我不想硬编码。有没有办法读取jQueryUI主题提供的字体信息？这样我就可以将其应用于所有li项目。