html-scss mixin忽略@if语句堆栈溢出

顺晟科技

2022-10-19 13:44:36

我正在做一个评估，要求我只使用CSS将内容呈现到带有空白标记的html文件中。我创建了一个mixin，它使用counter-increment属性对文档中的所有li元素进行编号。我试图用“fizz”来替换每3里，但我似乎无法创建一个有效的if语句。以下是我所拥有的:

HTML

<html lang="en">

<head>
  <title>FizzBuzz</title>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</body>

</html>

SCSS

<html lang="en">

<head>
  <title>FizzBuzz</title>
  <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</body>

</html>

顺晟科技：

看起来你的目标不是。也应该使用而不只是。

上一篇：JavaScript-为什么我的作用下一篇：HTML-内联CSS不遵循@medi

网站建设

Html

html-scss mixin忽略@if语句堆栈溢出