如何使用本机 WordPress 自定义>附加 CSS 来设置特定 ELEMENTOR 部分的样式?
.elementor-widget-image{
display: none;
}
<div class="elementor-element elementor-element-6806127 elementor-widget elementor-widget-image" data-id="6806127" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-element elementor-element-6806127 elementor-widget elementor-widget-image" data-id="6806127" data-element_type="widget" data-widget_type="image.default">
同一元素或主题中的其他页面使用了我在其中添加了一个部分的确切 HTML 代码。
当我使用 .elementor-widget-image 设置预期页面的样式时,此样式将应用于具有此类部分的所有其他页面。
我试图定位 ID(即 data-id"6806127"),以便样式仅影响此页面。
请帮忙。
.elementor-widget-image{
display: none;
}
<div class="elementor-element elementor-element-6806127 elementor-widget elementor-widget-image" data-id="6806127" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-element elementor-element-6806127 elementor-widget elementor-widget-image" data-id="6806127" data-element_type="widget" data-widget_type="image.default">
Other pages within this same elementor theme make use of this exact HTML code where I added a section.
When I style the intended page using the .elementor-widget-image, this style is applied to every other page that has a section like this.
I am trying to target the ID(ie. data-id"6806127") so that the styling affects only this page.
Please help.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
您可以直接使用
data 属性
作为 CSS 选择器来设置其样式工作示例
You can just use the
data attribute
directly as CSS selector to style itWorking Example
最好的方法是
或者,您可以使用 Elementor Pro 并在“高级”选项卡中为每个特定模块编写 CSS
The best way is to
Alternatively, you can go with Elementor Pro and Write the CSS for each specific module in the "Advanced" tab
如果你想让你的CSS只影响1个页面,你可以使用wordpress生成的页面id。当您检查元素并转到主体类时,您可以在主体上看到一个类似 .page-id-103 的类。该 ID 每页都是唯一的,您可以将其用作 css 示例的第一个选择器:
If you want your css to affect only a 1 page, you can use the page id generated by wordpress. When you inspect element and go to body class you can see a class on the body like this .page-id-103. This ID is unique per page, you can use it as a first selector of your css example: