Stylus中是否支持从多个选择器中进行选择？

当然可以啦！Stylus本身就提供了不少灵活的方式来处理「从多个选择器里做选择/应用样式」的需求，具体怎么实现得看你想要的逻辑是什么。我给你整理了几种常见的场景和对应的写法：

1. 基础的多选择器分组与嵌套 #

如果是想给多个选择器统一加样式，或者基于父选择器派生不同变体，用嵌套和父引用&就很方便：

// 一次性给多个选择器设置相同样式
.button, .link, .card
  padding: 8px 16px
  border-radius: 4px
  cursor: pointer

// 给父选择器的特定变体加样式
.container
  background: #fff
  // 当container同时有dark-theme或high-contrast类时生效
  &.dark-theme, &.high-contrast
    background: #333
    color: #fff

2. 用变量+插值动态指定选择器 #

如果需要根据变量动态切换目标选择器，Stylus的插值语法{}就能派上用场：

// 定义要选中的选择器集合
targetElements = '.header, .footer'

// 给这些选择器应用样式
{targetElements}
  position: fixed
  width: 100%
  z-index: 999

3. 结合条件判断选择特定选择器 #

如果需要根据条件决定给哪个选择器加样式，可以搭配if/else逻辑：

// 模拟一个开关变量
enableDarkMode = true

.header
  background: #f5f5f5
  if enableDarkMode
    // 开启暗黑模式时给.header.dark加样式
    &.dark
      background: #222
      color: #fff
  else
    // 关闭时给.header.light加样式
    &.light
      background: #fff
      color: #333

4. 用Mixin封装复杂的多选择器逻辑 #

如果你的逻辑需要复用，把它封装成Mixin会更方便：

// 定义一个Mixin，接收选择器参数
mixin applyStyleTo(selectors)
  {selectors}
    @block // 这里会插入调用Mixin时写的样式块

// 调用Mixin，指定要应用样式的选择器
+applyStyleTo('.nav-item, .sidebar-link')
  color: #007bff
  &:hover
    color: #0056b3
    text-decoration: underline

如果你有更具体的代码场景（比如你提到的已经编写的代码），可以贴出来，这样能给出更贴合你需求的方案~

内容的提问来源于stack exchange，提问作者user8690818