当选择器不可用时，如何更改选择器的css'；不存在javascript/jquery

我有一个html文件，它链接到一个外部css文件，该文件包含以下内容

#bottomBar td {
    background-color: red;
}

现在在我的javascript中，我需要一些东西，如果浏览器是IE10，它会使背景颜色变成蓝色而不是红色。以下是我试图在脚本中添加的内容

if (Function('/*@cc_on return document.documentMode===10@*/')()) { // this checks if it is IE 10
    $('#bottomBar td').css('background-color', 'blue');
}

这不起作用，因为它没有循环通过每个底部条td，因为还没有。我想做的就是改变实际的css，不管是否有一个#底条td，我想能够改变它的css。你知道怎么做吗？我想更改css中的实际文本，但使用

$('#bottomBar td').css('background-color', 'blue');

自选择器启动后不工作

$('#bottomBar td')

不存在，它不会将背景颜色从蓝色更改为红色。请注意，我有一些限制，不能使用多个样式表，也不能添加或删除任何其他类。

$（'body'）.append（'bottomBar td{background color:blue；}'）
$（'body'）。追加（'bottomBar td{背景色：蓝色；}'）
尝试以下方法：

css:

js:

尝试以下方法：

css:

js:

为什么不使用条件CSS文件？同样在您的示例中，您正在将所有内容设置为红色，而不是蓝色。@epascarello哎呀，将其设置为红色是一个拼写错误。。但是hm条件css意味着如果IE8链接到一个样式表，如果IE10链接到另一个样式表？我有一些限制，我只能使用一个样式表。有没有一种方法可以在一个样式表中为不同的浏览器提供不同的css？@epascarello：我不确定什么是“条件css文件”，但如果你指的是从条件注释中加载的css文件，那么值得指出的是IE 10不支持条件注释snytax。你为什么不使用条件css文件？同样在您的示例中，您正在将所有内容设置为红色，而不是蓝色。@epascarello哎呀，将其设置为红色是一个拼写错误。。但是hm条件css意味着如果IE8链接到一个样式表，如果IE10链接到另一个样式表？我有一些限制，我只能使用一个样式表。有没有一种方法可以在一个样式表中为不同的浏览器提供不同的css？@epascarello：我不确定“条件css文件”是什么，但如果你指的是从条件注释中加载的css文件，那么值得指出的是IE 10不支持条件注释snytax。对我来说，这似乎是最好的方法，如果IE 10不包括另一个样式表。这对我来说似乎是最好的方式，如果IE 10不包括另一个样式表。嗯，在身体上添加类，这看起来是一个有趣的方式。Ed Cottrell的答案有效，所以我是gunna（我有很多代码，如果某些东西有效，我就不写了，因为我害怕改变任何东西，因为它可能会停止工作），但感谢这个建议，我在写下一个脚本时会记住它，这看起来是一种不用单独的外部样式表的好方法。嗯，在主体中添加类，这看起来是一种有趣的方法。Ed Cottrell的答案有效，所以我是gunna（我有很多代码，如果某些东西有效，我就不写了，因为我害怕改变任何东西，因为它可能会停止工作），但感谢这个建议，我在写下一个脚本时会记住它，看起来这是一种不用单独的外部样式表就能实现的好方法。
#bottomBar td {
    background-color: red;
}
.ie10 #bottomBar td {
    background-color: blue;
}

if (Function('/*@cc_on return document.documentMode===10@*/')()) { // this checks if it is IE 10
    $('body').addClass('ie10');
}