时间戳

首页 > 解决方案 > 将 CSS 定位到特定 eDirectory 页面

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

问题描述

我想把左边高度上的重大事件图像做得更大，而不影响其他页面。

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。

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

标签： htmlcss

解决方案

尝试这个：

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

推荐阅读