Html 如何在css中更改宽度？

我有这一页

右列传递，如下所示

这是因为这个代码

.theme-page-wrapper.right-layout .theme-content, 
.theme-page-wrapper.left-layout .theme-content {
    width: 90% !important; //This should be the 73%
}

body.page.page-id-7674.theme-page-wrapper.right-layout .theme-content, 
.theme-page-wrapper.left-layout .theme-content {
    width: 73% !important;
}

我只想在这个页面上70%的价值，我尝试了这个代码

.theme-page-wrapper.right-layout .theme-content, 
.theme-page-wrapper.left-layout .theme-content {
    width: 90% !important; //This should be the 73%
}

body.page.page-id-7674.theme-page-wrapper.right-layout .theme-content, 
.theme-page-wrapper.left-layout .theme-content {
    width: 73% !important;
}

不幸的是，此代码不起作用，无法理解原因。

---

你能帮我解决这个问题吗？

换成这种款式，试试看

.theme-page-wrapper.right-layout .theme-content, .theme-page-wrapper.left-layout .theme-content {
  width: 73% !important;
}

---

您的代码不起作用，因为您只传递第一条规则的页面id引用

body.page.page-id-7674.theme-page-wrapper.right-layout .theme-content, .theme-page-wrapper.left-layout .theme-content
{
    width:73% !important;
}

请尝试将参考传递给所有规则，如下所示

 body.page.page-id-7674.theme-page-wrapper.right-layout .theme-content,
 body.page.page-id-7674.theme-page-wrapper.left-layout .theme-content
{
    width:73% !important;
}

---

“不工作”是指没有将该主题应用于该页面上的元素？你是如何添加CSS的？您意识到逗号后面的部分是一个单独的选择器-您可能不需要它（认为这不会有什么区别）？你能想出一个更简单的选择器吗，或者试着删除原来的选择器，以确保你的新选择器能够自己应用吗？理想情况下，问题中有足够的信息供人们回答，而不必访问你的博客，如果你能找到一种方法将其添加到问题中。我在你的链接中看到，我没有发现任何上述css应用于你的页面。有很多额外的（不需要的）css是有混乱的只是尝试顶部删除它。我想要这个值只为上面的页面。不是所有的pagesok，用这个#mk-page-id-7674重写。主题内容{宽度：73%！重要；}在css的最后一行。