仅在包含帖子的页面上
这段 CSS 正是我想要的效果,以防我对需求的表述有歧义:
#main-outlet{
margin-left: 15%;
}
但它会让所有页面的内容都向右偏移,而不仅仅是包含帖子的页面。
我一直在研究这段 CSS,各位有什么想法吗?
谢谢!
仅在包含帖子的页面上
这段 CSS 正是我想要的效果,以防我对需求的表述有歧义:
#main-outlet{
margin-left: 15%;
}
但它会让所有页面的内容都向右偏移,而不仅仅是包含帖子的页面。
我一直在研究这段 CSS,各位有什么想法吗?
谢谢!
我不太明白你为什么要这样做,但话题页面中的 <body> 标签有一个独特的类被添加到了它上面。这个类是 archetype-regular。
你可以利用它来限定你的样式更改,例如:
.archetype-regular {
#main-outlet {
// 样式代码放在这里
}
}
个人消息页面也有类似的结构,其类名为:
archetype-private_message
如果你希望更改也应用于私信页面,可以通过在上面的 CSS 中添加选择器来实现,如下所示:
.archetype-regular,
.archetype-private_message {
#main-outlet {
// 样式代码放在这里
}
}
不过需要提醒的是,修改 #main-outlet 的边距可能会带来意想不到的后果。更多信息请参见 此处。
非常有帮助,谢谢!