Question

我有以下内容：

<tr class="month-header" style="background-image:url(http://i66.tinypic.com/dy85ev.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;height:300px;text-align:right;">
        <th colspan="14">
            <h1 style="color:#FFF;font-size:200%;font-weight:700;letter-spacing:3px;padding-right:50px;padding-bottom:150px;text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;vertical-align:top;">August 2017</h1>
            <a class="copyright-notice" href="http://jaded-night-stock.deviantart.com/art/Dog-Stock-329-391442471" style="color:#FFF;font-size:50%;padding-right:50px;text-align:right;text-decoration:none;vertical-align:bottom;">Photo © Jaded-Night-Stock</a>
        </th>
    </tr>

如何使用“month-header”类引用tr标签内的所有h1标签

我试过.month-header h1但是没有用

Answer 1

尝试使用CSS元素＆gt;选择器，它特别适合访问父标签中的嵌套标签。

在你的情况下：

tr > .month-header h1
{
    //your code here
}

希望这有帮助。

Answer 2

只需添加表标签，一切都会好的。另外，我给你的建议 - 不要使用内联样式。

祝你好运:)

.month-header {
    background: url(http://i66.tinypic.com/dy85ev.jpg) no-repeat center center;
    background-size: cover;
    height: 300px;
    text-align: right;
}

.copyright-notice {
    color: #FFF;
    font-size: 50%;
    padding-right: 50px;
    text-align: right;
    text-decoration: none;
    vertical-align: bottom;
}

.month-header h1 {
    color: #FFF;
    font-size: 200%;
    font-weight: 700;
    letter-spacing: 3px;
    padding-right: 50px;
    padding-bottom: 150px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px #000;
    vertical-align: top;
}

<table><!-- add open table tag -->
    <tr class="month-header">
        <th colspan="14">
            <h1 class="outline-text">August 2017</h1>
            <a class="copyright-notice" href="http://jaded-night-stock.deviantart.com/art/Dog-Stock-329-391442471">
                Photo © Jaded-Night-Stock
            </a>
        </th>
    </tr>
</table><!-- add close table tag -->

Answer 3

您可以在每个语句后使用important来引用tr标签内的所有h1标签，其中包含一个“month-header”类：

.month-header h1 {
  color: red!important;
  font-size: 300%!important;
}

PS。这个很好挂在你的墙上：Specifishity。

PPS。这个也很酷：http://cssspecificity.com/

你如何在CSS中引用元素

3 个答案: