特定eDirectory页面的目标CSS

Question

我想使主要事件图像在左边的高度更大，而不影响其他页面。

https://islandeguide.com/event/

我注意到这个页面的独特之处

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;
}