首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如果外孙有类,则将样式应用于祖父母(SCSS)。

如果外孙有类,则将样式应用于祖父母(SCSS)。
EN

Stack Overflow用户
提问于 2018-04-13 10:57:55
回答 1查看 1.1K关注 0票数 3

所以问题是,如果包含有类的div,那么如何将样式应用于tr(背景色)。

代码语言:javascript
运行
复制
<table>
<tr>
  <td>
    <div class="selected">1</div>
  </td>
  <td>
    <div>2</div>
  </td>
  <td>
    <div>3</div>
  </td>
</tr>
<tr>
  <td>
    <div>3</div>
  </td>
  <td>
    <div>4</div>
  </td>
</tr>
</table>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-04-13 11:09:50

你在css中没有父母选择器..。您只需选择孩子并对他们进行样式设计。您必须做一些JS或JQuery来解决这个问题。最简单的方法是使用jQuery。您可以选择父元素并向其添加一个类:

jQuery父():https://api.jquery.com/parent/

还请参阅有关css父选择器:Is there a CSS parent selector?的文章。

还有其他用JS/jQuery解决这个问题的方法,但是您必须使用它,没有其他方法。

代码语言:javascript
运行
复制
$('.selected').parent().parent().addClass('trBackground');
代码语言:javascript
运行
复制
.trBackground {
  background-color: lightcoral;
}
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <div class="selected">1</div>
    </td>
    <td>
      <div>2</div>
    </td>
    <td>
      <div>3</div>
    </td>
  </tr>
  <tr>
    <td>
      <div>3</div>
    </td>
    <td>
      <div>4</div>
    </td>
  </tr>
</table>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49815414

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档