时间戳

首页 > 解决方案 > CSS？选择器不适用于 SCSS 选择器

css - CSS？选择器不适用于 SCSS 选择器

问题描述

我需要选择以前的兄弟姐妹。为此，我指的是这个链接。 https://dev.to/ritvikdubey27/sibling-selectors-in-css-33k

这是代码片段：

 p:hover ? h1 {
    font-size: 30px;
    color: red;
 }

它在 CSS 中运行良好，但是当我将它添加到支持 SCSS 的反应项目中时，它无法正常工作。而且我找不到任何文档或参考链接来解决这个问题。

任何帮助将不胜感激。

标签： csssass

解决方案

我的猜测是 react 的 scss 编译器无法识别 ? 选择器，所以它丢弃它。
尝试首先手动编译 scss，而不使用 ? 选择器（以避免错误），然后将其添加到已编译的 css 中并将其用作常规 css。
当然还有<script src="https://rouninmedia.github.io/axe/axe.js"></script> 斧头支持。

推荐阅读