html - 任何人都可以帮助新手编写自定义 css 代码吗？ (小部件上的样式继承边框)

Question

我正在学习我正在开发的一个新网站，以前从未做过自定义 CSS。 (我是菜鸟，请友善)

使用来自 themeforest、Kingcomposer Pro 和 wordpress 的 Theme bemart。(小部件 css 的当前插件是 zigwidgetclass)

www.aboutautomation.com.au (用于检查元素)

---

我正在尝试删除侧边栏 (custom_html-9) 上的一个小部件的边框，它当前是从主题自定义继承的，并且在编辑时将更改所有边框，这是不希望的。我想让它成为这个小部件的 css 类，或者让它成为#ffffff

但我无法让它继续运行，我唯一能做到的就是让它完全消失

.hide {
border: #ffffff; }

我什至不确定那是怎么发生的？!

它已经有一个自定义的 css hide_on_mobile

@media only screen and (max-width:768px) {
.hide_on_mobile {
display: none !important;}
}

Answer 1

我会选择:

#custom_html-9 .custom-html-widget {
    border: transparent;
}

如果您完全移除边框(因为它们占用空间)，内容会发生变化，因此将边框设置为透明，这样您就看不到它但会继续占用空间。

您还可以在父级 aside 元素和内部 div 上使用 CSS 类的任意组合。其他一些选项包括:

.sidebar .widget_text .textwidget
.sidebar .widget_text .custom-html-widget
.sidebar .widget_custom_html .textwidget
.sidebar .widget_custom_html .custom-html-widget

当前边框应用了多个 CSS 选择器，看来您的选择器至少需要 3 个类或一个 ID 才能覆盖原始边框。