我正在为我的响应式网站创建一个功能。它由一个包含标题的图像轮播组成。在桌面上，我绝对显示标题。包含标题和段落的div位于图像顶部并占据 40% 的宽度。
当用户使用平板电脑或手机时，我想以 100% 的宽度相对显示标题。这使得文本出现在更适合较小屏幕尺寸的图像下方。
这样做的两种方法是使用不同的 css 类复制代码 - 一种与visible-desktop类相对，另一种与类绝对 div hidden-desktop。另一种方法是使用 javascript 来切换一个类。
我在想，如果我能使用纯 css 实现上述目标，那就太好了。像.desktop .carousel-caption {这样的事情有可能吗。