利用嵌入的类在HTML中呈现不同的文本的方法
P粉418214279
P粉418214279 2023-09-02 10:34:50
[CSS3讨论组]

我想根据代码嵌入的类别/分类来显示不同的文本,即当类别是.category-rabbitmq时。

当类别是.category-rabbitmq时,这可以改变背景。

<style>
.category-rabbitmq
{
    background-image: url('https://www.nastel.com/wp-content/uploads/2022/04/nastel_navigator_xpress.png') !important;
    background-size: cover;
}
</style>
<themainbody>阅读更多关于</themainbody><br>

这总是显示一个变量。

<style>
themainbody::after {
  content: " RabbitMQ";
}
</style>
<themainbody>阅读更多关于</themainbody><br>

然而,这在仅在设置类别时显示变量时不起作用:

<style>
.category-rabbitmq
{
  themainbody::after {
  content: " RabbitMQ";
}
</style>
<themainbody>阅读更多关于</themainbody><br>

你能帮忙吗?

P粉418214279
P粉418214279

全部回复(1)
P粉232409069

在CSS中无法嵌套规则在SCSS中可以)。有一个允许在CSS中嵌套的首个公开工作草案,所以也许将来你会能够。

所以你需要做像这样的事情:

<style>
.category-rabbitmq themainbody::after {
  content: " RabbitMQ";
}
</style>

我不确定.category-rabbitmq元素相对于themainbody有多少级。如果你知道themainbody.category-rabbitmq的直接子元素,那么你可以更具体地使用子组合器并进行优化:>

<style>
.category-rabbitmq > themainbody::after {
  content: " RabbitMQ";
}
</style>

请参阅CSS后代组合器CSS子组合器

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号