FireFox 无法识别 WordPress CSS 样式表主题

Question

我的 CSS 样式表属性像 cta_ploha, cta_btn 被点头显示。

Link:

谁能帮我解决这个问题？我已经声明了 .cta_ploha 并包含了它，但是没有显示 id。

<link href="http://closetomyheart.q-tests.com/wp-content/themes/bst-master/style.css" type="text/css" media="all" rel="stylesheet">

CSS:

.cta_ploha{
background-color: #ebebeb;
border: 2px solid #ebebeb;
border-radius: 5px;
padding: 2em;
margin-left: auto !important;
margin-right: auto !important;
margin-top:10%;
width: 100%;
text-align: left;
}

Answer 1

如果您运行您的 style-sheet 通过 CSS formatter，您会发现 ploha-thingy 嵌套在

中

@media screen and (max-width: 768px) {
    .titlebar {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    @media screen and (max-width: 320px) {
        .titlebar {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .cta_ploha {
            background-color: #ebebeb;

所以它会在非常小的屏幕上表现出它的风格，有 Apple 手表来测试它吗？ :)

通过 CSS validator 运行 CSS 始终是一个好习惯 - 这个不显示 .cta_ploha 规则，表明它以某种方式被隐藏了。

Answer 2

您的CSS没有正确关闭：

@media screen and (max-width:768px){.titlebar{padding-top:40px;padding-bottom:40px;}
@media screen and (max-width:320px){.titlebar{padding-top:20px;padding-bottom:20px;}

这将禁用它之后的所有内容，包括 .cta_ploha。

FireFox 无法识别 WordPress CSS 样式表主题

WordPress CSS stylesheet theme not recognized in FireFox

html

css

wordpress

web-deployment