CSS继承不起作用

wyyhbhjk 于 2022-11-19 发布在其他

关注(0)|答案(3)|浏览(194)

屏幕截图1

屏幕截图2

我目前被css的问题卡住了。基本上我定义了一个样式规则，如下所示：

#divMyList tbody tr td{
    cursor:pointer;
    border-right:5px solid white;
    padding:10px;
    width:200px;
}

我在<div>中的td上应用另一个名为tmenu的类，如下所示：

<td class="tmenu"> foo </td>

这样它就继承了上面提到的#divMyList tbody tr td中的所有颜色和其他组合以及我的覆盖样式。
现在，我想将tmenu的选定样式实现到我当前的<td>元素中，这样当有人点击它时，它就会继承tmenu类的选定样式。tmenu及其选定样式的定义如下：

.tmenu {
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
}

.tmenu ul li {
    /* ..... */
}

.tmenu ul li.selected {
    cursor: default;
}

当我这样做的时候：

<td class="tmenu selected">foo</td>

它没有将所选类的规则应用到我的td元素上。有什么帮助吗？我需要另一个规则将所有这些规则混合到一个新类中吗？

css

来源：https://stackoverflow.com/questions/32576156/css-inheritance-not-working

3条答案

按热度按时间

ix0qys7i1#

按照您定义表的方式，您的css应该如下所示

#divMyList tbody tr td{
    cursor:pointer;
    border-right:5px solid white;
    padding:10px;
    width:200px;
}

.topmenu {
    width: 100%;
    height: 40px;
    font-size: 14px;
    font-weight: normal;
}

.topmenu td.selected{
    cursor: default!important;
}

我将一个fiddle放在一起，并添加了一种颜色，以显示它正在进行样式化

赞(0）回复(0）举报 2022-11-19

4xy9mtcn2#

.tmenu ul li.selected { [...] }

将查找结构如下的元素：

<elem class="tmenu">
  <ul>
    <li class="selected"> </li>  <!-- This is going to get styled! -->
  </ul>
</elem>

听起来您要查找的内容是：

.tmenu.selected { [...] }

请记住，需要将selected类应用于tmenu，并且它不会通过简单地单击它而自动发生。

赞(0）回复(0）举报 2022-11-19

0tdrvxhp3#

如果您使用的是ASP.NET窗体应用程序，请尝试document.getElementById（'MainContent_test'）.innerHTML = carName;
如果在运行应用程序时执行“检查”，您将看到ASP.NET以“MainContent_[您的控件ID]”作为ID呈现控件。
一旦你把名字说对了，它就能起作用了。问候。

赞(0）回复(0）举报 2022-11-19

我来回答

CSS继承不起作用

3条答案

相关问题

热门标签

最新问答