Html 将CSS定向到特定的eDirectory页面

我想在不影响其他页面的情况下，将左侧的重大事件图像放大

我注意到这个页面有一个独特的地方

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

我编造了这一部分

页面。主题是[特色活动]

，所以我知道它不起作用

有人知道我能不能在那里放些有用的东西吗

注意：

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

本网站的设计使得在不改变不同页面上的其他元素的情况下，很难找到目标元素，因为它们在任何地方都共享类。

尝试以下方法：

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

---

天才，这似乎奏效了，非常感谢！一个小问题，我是否能够将其作为媒体查询，这样我就可以只为该页面堆叠一大堆CSS，而不必为每个元素编写代码片段？这很困难，因为使用

+

选择器只能获得下一个相邻的同级

div.row

。如果在

html

或

body

标记中有

theme title

作为类来匹配所需的任何元素，那就更好了。。。