Question

我希望在不影响其他页面的情况下将左侧的主要事件图像变大。

我注意到此页面具有独特性

h2 class="theme-title" data-trans="Featured Events">Featured Events/h2

所以我认为我可以做类似的事情

page.themetitle[Featured Events] .col-sm-5 > .theme-box.theme-box-vertical > .theme-box-content img{
height: 350px;
}

我将此部分归为page.themetitle[Featured Events]，所以我知道它不起作用。

有人知道我是否可以在那放一些东西吗？

注意：

我可以将CSS添加到自定义CSS文档中，仅此而已！我无权更改HTML / PHP，也无法添加Javascript。

该网站的设计方式使得很难在不更改其他页面上其他元素的情况下定位元素，因为它们在任何地方都共享类。

Answer 1

尝试一下：

h2[data-trans="Featured Events"].theme-title + div.row div.col-sm-5 div.theme-box.theme-box-vertical img {
    height: 350px;
}

编辑：您可以使用子选择器将其缩短一点：

h2[data-trans="Featured Events"].theme-title + .row > .col-sm-5 > .theme-box.theme-box-vertical img {
        height: 350px;
}