时间戳

首页 > 解决方案 > 如何使用 CSS 文件中的引导显示实用程序类来按 ID 显示元素？

css - 如何使用 CSS 文件中的引导显示实用程序类来按 ID 显示元素？

问题描述

我有几个设计需要使用相同的 html。（我可以更改 CSS 文件。）如何在 CSS 文件中按 id 为元素使用显示实用程序类？

这是一个代码笔示例。https://codepen.io/warrenkc/pen/QPVpVR

#wide {
    /* twitter-bootstrap display utility class */ 
    .d-lg-none
}
#small{
    /* twitter-bootstrap display utility class */ 
    .d-none d-lg-block
}

标签： csstwitter-bootstrap

解决方案

不幸的是，你不能使用 vanilla CSS 来做到这一点。就像评论中提到的那样，您可以使用 Sass/Scss/Less 等预处理器来完成。

如果我必须实现这一点，我会做的是找到你想要使用的类的代码（通过开发者工具很容易做到>用你想要的类检查元素），然后将它复制粘贴到你想要使用的地方它。

这不是最干净的解决方案，而是适合您的情况。

推荐阅读