Chrome DevTools元素面板Styles样式顺序异常导致轮播图隐藏问题咨询

• 标题：使用 # 标识，# 的数量对应标题层级（支持1-6级，数量越多层级越低）
  示例：# 一级标题、## 二级标题
• 列表项：使用 - 开头，后接空格再填写列表内容，支持多层嵌套
  示例：

  - 一级列表项1
  - 一级列表项2
    - 二级列表项1
  

• 文本强调：需突出的内容用 * 包裹，单个*包裹为斜体，两个*包裹为粗体
  示例：*斜体文本*、**粗体文本**
• 代码/命令：行内代码、短命令用单个反引号 ` 包裹，多行代码块用三个反引号包裹，可指定代码语言实现语法高亮
  示例：行内代码 `npm run build`，多行代码：

  const num = 123
  console.log(num)
  

• 引用文本：使用 > 开头，后接空格再填写引用内容，支持多层嵌套
  示例：

  第一层引用内容

  第二层嵌套引用内容

• 链接：链接文本放在方括号[]内，后续紧跟括号()放置链接地址，可选择性添加title属性
  示例：[百度](https://www.baidu.com "百度首页")
• 图片：语法在链接基础上开头加!，方括号[]内为图片加载失败时的替代文本，括号()内为图片地址
  示例：![示例图片](https://example.com/demo.png "示例图")

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