Question

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

链接：

任何人都可以帮我解决问题吗？我已声明.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

如果你通过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样式表主题

2 个答案: