css - 撤消 WordPress 标题上的文本修饰大写(Twentyfourteen 主题)

Question

我用的是自定义主题，twentyfourteen-child。
默认情况下，wordpress 中的所有标题都会变成大写。
我在/var/www/html/wp/wp-content/themes/twentyfourteen-child/style.css 中添加了一个 css。

h1.entry-title {
    text-transform: none !important;
}

一点效果都没有!

cat/var/www/html/wp/wp-content/themes/twentyfourteen-child/style.css

*{
    font-family:"DejaVu Sans Mono" !important;
}
.site {
    max-width: 1920px;
}
.site::before{
    width:400px;
}
.site-header {
    max-width: 1920px;
}

.site-content header .entry-meta {
    max-width: 100%;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.site-content .navigation,
.comments-area,
.page-header,
.page-content {
    max-width: 70%;
}

article{
    margin-bottom:10px;
}

#secondary ul li{
    color:black;
    width:360px;
    font-size:16px;
}

.entry-meta  .cat-links{
    display:none;
}

pre{
    font-family:inherit;
    font-size:16px;
    border:1px solid red;
}


h1.entry-title {
    text-transform: none !important;
}

我的 twentyfourteen-child 主题已激活。

用 inspect 检查标题。

为什么h1.entry-title元素没有被装饰http://hwy.local/wp/wp_content/themes/twentyfourteen/style.css?ver=4.9.8 :1112,而不是 /var/www/html/wp/wp-content/themes/twentyfourteen-child/style.css ?

Answer 1

您可以使用:

.entry-title {text-transform: none!important;}

... 或者简单地说:

h1.entry-title {text-transform: none;}

两种解决方案都赢得了特异性之战(您的代码也是如此)。您可能没有正确加载 CSS。右键单击条目标题，查看它是否已应用和/或被覆盖。