两个样式表作用于一个元素

Question

我试图用max-width来设计一个元素，但我遇到了问题。我发现同时使用width的原始样式表增强了子主题样式表。

怎么回事？我可以从母主题中删除这一行，但我担心将来的防错性？！？

Answer 1

当有疑问的时候，把它!important出来！

在子程序中，将其更改为max-width:769px !important;。这将强制页面以该样式呈现。

我感觉父主题是使用@import获取custom.css (尽管我无法验证)。这可能是在捣乱。

Answer 2

我想通了。我正在使用Gridly，这是响应性的，但我想让它更有响应性。我创造了一个儿童主题。当我将header.php文件添加到我的子主题目录中时，我只更改了if_statement的一行，它决定了要调用哪个css文件。在子主题中，我必须用get_stylesheet_directory_uri();调用一个css文件。我想使用custom.css文件，这是我更改的if语句的唯一行。还有另外三个样式表可供选择。为了解决这个问题，我回到了我的子主题header.php，搜索并替换了使用get_stylesheet_directory_uri();调用css文件的所有get_template_directory_uri();。

Gridly主题使用style.css的方式与大多数WordPress主题不同。style.css中没有样式，它只是存在。这不是一个WordPress认可的主题，您可以从WordPress下载。我是从Lynda.com那里听说的。它从标题中的if_statement调用样式表，然后链接到特定的样式表，即dark.css、light.css等。我不确定这种功能是否能使它远离WordPress主题目录，但它可以工作，我喜欢简单和砖石效果。