html - 将 CSS 定位到特定的 eDirectory 页

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