无法在 WordPress 主题中设置自定义 CSS
Can't set custom CSS in WordPress theme
我在我的 WordPress 网站中使用了二十十四主题。在 one of the pages 上，我想在内容区域的左侧添加图像（菜单边栏在其左侧），以便文本环绕图像。
我添加了两张图片（靠近第三和第四个 H4 标签，如果你看一下页面），由于主题的 -168px margin-left 设置，这两张图片都被强制放在左侧边栏后面在图像的父图形元素上。
在页面上，如果您使用元素 Inspector/FireBug/whatever，您会在代码中看到嵌套在图形元素中的图像，并且它位于边栏后面的左侧。在规则查看器中，它在 classes ".full-width .site-content .wp-caption.alignleft"
上显示 margin-left: -168px
我在图像中添加了自己的 class 以尝试使用 margin-right: 168px 来抵消边距，但它没有效果，大概是因为元素上的 -168 左边距设置那是图像的父级。
我不想 select 所有图形元素来抵消 -168 像素 - 我可能想要其他图形 - 我不知道。 WP 为每个图像添加一个 ID，但我不想 select 每个图像 ID（除非这是唯一的方法），那么我该如何处理呢？
感谢大家的帮助。
从 figure 的 html 中删除 .alignleft class。
这将删除边距。
要让文字围绕图形流动，您需要给它一个 属性 的 float: left 并添加一些左右边距，使它看起来更漂亮。
html 图中（您的图片）应为：
<figure id="attachment_10" style="width: 88px; float: left; margin: 0 20px 0 10px;" class="wp-caption">
我认为您应该查看 css 样式表中的样式元素，而不是在 html 中定义您的样式。
适合你的书是：
HTML & CSS：设计和构建网站
乔恩·达克特
这是我刚开始时使用的CSS。它拥有您很可能需要一段时间的所有内容，而且非常适合初学者...
在查看了 CSS 并尝试了一些设置之后，我意识到我有点回答了我自己的问题。我说图像所在的图形元素具有 margin-left: -186px; 的设置。我所要做的就是添加我自己的 CSS: figure { margin-left: 0px; }。为什么我没有早点看到，我不知道...
我在我的 WordPress 网站中使用了二十十四主题。在 one of the pages 上，我想在内容区域的左侧添加图像（菜单边栏在其左侧），以便文本环绕图像。
我添加了两张图片（靠近第三和第四个 H4 标签，如果你看一下页面），由于主题的 -168px margin-left 设置，这两张图片都被强制放在左侧边栏后面在图像的父图形元素上。
在页面上，如果您使用元素 Inspector/FireBug/whatever，您会在代码中看到嵌套在图形元素中的图像，并且它位于边栏后面的左侧。在规则查看器中，它在 classes ".full-width .site-content .wp-caption.alignleft"
margin-left: -168px
我在图像中添加了自己的 class 以尝试使用 margin-right: 168px 来抵消边距，但它没有效果，大概是因为元素上的 -168 左边距设置那是图像的父级。
我不想 select 所有图形元素来抵消 -168 像素 - 我可能想要其他图形 - 我不知道。 WP 为每个图像添加一个 ID，但我不想 select 每个图像 ID（除非这是唯一的方法），那么我该如何处理呢？
感谢大家的帮助。
从 figure 的 html 中删除 .alignleft class。
这将删除边距。
要让文字围绕图形流动，您需要给它一个 属性 的 float: left 并添加一些左右边距，使它看起来更漂亮。
html 图中（您的图片）应为：
<figure id="attachment_10" style="width: 88px; float: left; margin: 0 20px 0 10px;" class="wp-caption">
我认为您应该查看 css 样式表中的样式元素，而不是在 html 中定义您的样式。
适合你的书是：
HTML & CSS：设计和构建网站 乔恩·达克特
这是我刚开始时使用的CSS。它拥有您很可能需要一段时间的所有内容，而且非常适合初学者...
在查看了 CSS 并尝试了一些设置之后，我意识到我有点回答了我自己的问题。我说图像所在的图形元素具有 margin-left: -186px; 的设置。我所要做的就是添加我自己的 CSS: figure { margin-left: 0px; }。为什么我没有早点看到，我不知道...