html 由SassMeister.com生成。

Posted 2021-05-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 由SassMeister.com生成。相关的知识，希望对你有一定的参考价值。

<h1>Top Tier Title</h1>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>

h2 {
  counter-increment: ugcutgndq;
}
h2::before {
  content: counter(ugcutgndq,upper-alpha) ". ";
}
h1 {
  counter-reset: ugcutgndq;
}

h3 {
  counter-increment: ugcutgndu;
}
h3::before {
  content: counter(ugcutgndu,decimal) ". ";
}
h2 {
  counter-reset: ugcutgndu;
}

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

@mixin generate-outline($reset-element: body, $list-style: decimal) {
  $counter: unique-id();
  
  counter-increment: $counter;
  
  &::before {
    content: counter($counter, $list-style)'. ';
  }
  
  @at-root {
    #{$reset-element} {
      counter-reset: $counter;
    }
  }
}

h2 {
  @include generate-outline(h1, upper-alpha);
}

h3 {
  @include generate-outline(h2);
}

<h1>Top Tier Title</h1>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h2>2nd Tier Title</h2>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>
<h3>3rd Tier Title</h3>

以上是关于html 由SassMeister.com生成。的主要内容，如果未能解决你的问题，请参考以下文章

html 由SassMeister.com生成。