Sass:之后可以使用Sass将类添加到HTML元素中吗？

Question

我希望有人可以帮我解决我的问题.

让我说我有这个:

            <div class="container">
                <div class="row">
                    <article>
                        <p class="story-image">
                            <a href="#">
                                <img src="../media/images/awesomeness.jpg" alt="image1" class="img-responsive">
                            </a>
                        </p>
                        <section>
                            <h3>Companies</h3>
                            <h2>
                                <a href="#">
                                    Awesome-O beherrscht die Welt
                                </a>
                            </h2>
                            <p>
                                Last year, was pretty medium. But I know, by the power of my thought and my willpower, that I will make two companies and earn millions.
                            </p>
                        </section>
                    </article>
                </div>
           </div>

因此,在使用Twitter Bootstrap时,我可以将网格系统应用于我的HTML.是否可以使用sass将一个类应用于文章,即使它从一开始就没有在HTML中应用？

例如,某种程度上像这样:

 html{
      body {
           article {
                addclass --> col-lg-4 col-md-4 col-sm-6 col-xs-12;
           }
      }
 }

之后我想用sass做的原因是我有一堆文章,我必须在它们上应用网格系统.但我相信我将在稍后的时候揭示列的实际宽度和数量.

这可能与萨斯有关,如果可以,怎么样？

Answer 1

不可以.您无法通过CSS向HTML添加类.你可以考虑使用@extend.

例如:

%grid-half {
  width: 50%;
}

.article {
  @extend %grid-half;
  color: purple;
}