VSCode 语法高亮 CSS/PHP 混合

Question

我有一个文件

style.php

，主要包含css，部分区域包含php。在这种情况下，语法突出显示完全被破坏了。

<?php
    header("Content-type: text/css");
?>
:root{
    --some-css-variable: <?php echo get_theme_mod("some_variable")?>
}

body{
    background: pink;
    .
    .
    .

}

我尝试了一堆扩展和古老的论坛帖子建议，但我无法让 vscode 识别 php 和 CSS。
我完全可以手动选择（例如）

php+css

的语言模式，注释注释外部是CSS，或者其他什么——因为非PHP部分是CSS并不明显。但我发现了零个解决方案，这似乎是一个相当常见的场景。

有人知道如何解决这个问题吗？

Answer 1

在样式定义周围添加样式标签并在输出时将其删除。您可以按照以下方式进行操作：

<?php if (false) { ?>
    <style>
<?php } ?>
    body {
        background: pink;
    }
<?php if (false) { ?>
    </style>
<?php } ?>

它不是那么好，但它可以在我自己的 VSCode 上运行。