我在主题设置中插入了一个自定义CSS代码,以使网站图像看起来更好且对齐。 除"博客"页面外,所有页面都可以使用自定义CSS视图正常工作。 博客页面不需要自定义CSS代码,它在默认CSS代码中看起来不错。 所以基本上我想从我的自定义 CSS 中排除博客页面
@media screen and (min-width: 800px) {
.video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img {
right: 0;
width: auto;
height: 170px;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
这是我整个网站的自定义CSS代码,我必须为博客页面排除该代码。 谢谢。。。
你可以只使用css :not(selector(,因为BLOG页面在<body>
标签中有类博客。
如果要包含不同的页面,只需使用相同的方法,但请查看其他特定于页面的类的 body 标记。
<body class="blog theme-YourThemeName woocommerce-js group-blog hfeed">
@media screen and (min-width: 800px) {
body:not(.blog) .video-fit video, body:not(.blog) .video-fit iframe, body:not(.blog) img.back-image, body:not(.blog) .image-cover img, body:not(.blog) .has-format img, body:not(.blog) .has-equal-box-heights body:not(.blog) .box-image img {
right: 0;
width: auto;
height: 170px;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
font-family: 'object-fit: cover;';
}