无法在 Wordpress 文本小部件中显示 CSS 中的 <div>答案

【问题标题】：Cannot show <div> from CSS in Wordpress Text Widget无法在 Wordpress 文本小部件中显示 CSS 中的 <div>
【发布时间】：2016-11-19 04:21:09
【问题描述】：

无法在 Wordpress 文本小部件中显示来自 css 的 <div> 在文本小部件中：

<div class=”deffgall-cutlure” ></div>

style.css

.deffgall-cutlure {
    display:block;
    position:relative;
    width:100px;
    height:100px;
    background-color:#06C;
}

也试过Enhanced Text Widget，它必须用自定义css显示，也不起作用。

Html Works 如果直接在文本小部件上键入，但无法从 CSS 响应。

有什么想法吗？

【问题讨论】：

您正在处理的页面的 URL 是什么？另外，只是为了澄清您并没有尝试直接在 WordPress 文本小部件中编写 CSS，是吗？这绝对行不通，因为它只接受纯文本和 HTML。
您的选择器中可能有错字。不应该是.defgall-culture 而不是defgall-cutlure 吗？编辑：没关系，编辑后显然不是错字
.deffgal-cutlure { display:block;位置：相对；最小宽度：100px；最小高度：100px；背景颜色：#06C; }//// 我把这个放在主题 style.css 中，然后把 ///
/// 放到 WP 文本小部件上，但是什么也没有。

【解决方案1】：

尝试使用您的浏览器“检查元素”工具来查看是否有其他样式覆盖了您的样式，并查看您的样式是否已被应用（可能暗示另一个问题，例如您的样式表未包含在内由 WrodPress 提供）

如果它被另一个样式声明覆盖，请确保在 display: block 之后添加 !important 标志，以确保它具有先例

【讨论】：