CSS代码仅适用于一部分,而不适用于其他部分

用户名

我想给第二栏上色。我在a.js文件中有代码:

if($data == 0 ){
   $display.after("<tr id='after'><td></td><td>First Part</td></tr>");
   return; 
}

$display.after("<tr id='after'><td></td><td><table>..Second Part...</table></td></tr>"); 

在a.css文件中:

#after td td {
   background-color: red; 
}

第二部分改变颜色,但第一部分不变。

如果我使用:

#after td + td {
    background-color: red; 
}

或者如果我在第一部分中添加表格。两者都起作用,为什么呢?

基斯·索内玛(Kees Sonnema)

要仅设置第二个td的样式,#after可以使用以下代码:

#after td:nth-child(2)
{
   background-color: red; 
}

编辑:

这不适用于IE8 <,因此在这种情况下,您可以使用@ mr.aliens答案。

#after td + td /* Selects td adjacent to another td */
{
   background-color: red; 
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

索引错误-适用于我的代码的一部分,而不适用于另一部分

php 使用 get 值的问题。适用于页面的一部分但不适用于另一部分

MongoDB $ match不适用于子文档的一部分

MySQL-WHERE语句仅适用于SELECT语句的一部分

如何将行转换为列但仅适用于python中表的一部分?

for循环,拆分字符串,将字符串的一部分保存到新列表,IndexError:列表索引超出范围-适用于字符串的一部分,而不适用于另一部分

CSS不适用于某些部分

elasticsearch 中的部分搜索适用于一个记录而不适用于其他记录

希望在Elasticsearch中搜索词的一部分的功能不返回任何内容。仅适用于完整单词

cppreference中的哪一部分告诉我结构化绑定声明仅适用于编译时已知的对象?

代码适用于一种情况,但不适用于其他情况

悬停格式仅适用于 $ 符号,不适用于其他货币?

背景图片仅适用于首页,而不适用于其他图片

.htaccess重定向仅适用于某些页面,而不适用于其他页面

Codeigniter文件上传许可仅适用于图像,不适用于其他图像

适用于iOS的Google Maps SDK要求GoogleMaps.bundle成为“复制捆绑资源”下目标的一部分

javascript效果仅适用于第一个元素,而不适用于其他元素?

渐变仅适用于一张照片,而不适用于其他照片

Solr不适用于部分搜索

代码适用于图像,但不适用于Codeigniter中的其他文件

MouseClick 和 MoveTo 事件不适用于产生的第二部分

打印部分网页不适用于 css 更改

React 外部 CSS 不适用于部分标签

envsubst仅适用于部分变量

为什么我的CSS样式的一部分不适用?

单一登录仅适用于部分用户?

分割多页PDF的Python脚本仅适用于某些PDF,而不适用于其他PDF

POST方法/创建操作仅适用于某些方法,而不适用于其他方法,Feedzirra

PHP jQuery Ajax呼叫仅适用于Chrome,不适用于其他浏览器