Sass:是否可以在以后将使用Sass的类添加到HTML元素中?

Sass:是否可以在以后将使用Sass的类添加到HTML元素中?,html,css,twitter-bootstrap,sass,Html,Css,Twitter Bootstrap,Sass,我希望有人能帮我解答我的问题 假设我有: <div class="container"> <div class="row"> <article> <p class="story-image"> <a href="#">

我希望有人能帮我解答我的问题

假设我有:

            <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>
后来我想用sass做这件事的原因是我有一大堆文章,我必须在它们上面应用网格系统。但我确信我会在以后重新评估柱子的实际宽度和数量


Sass是否可以实现这一点?如果可以,如何实现?

不太确定您想做什么,但您可以在Sass中嵌套,也可以在引导中放置自己的类名

这么说吧

<div class="myClass col-5">
Sass嵌套:

否。您不能通过CSS向HTML添加类。不过,您可以考虑使用
@extend

例如:

%grid-half {
  width: 50%;
}

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

如果有一个关于
@extend
指令的详细链接,那么这个答案将非常有用。是url。使用firefox时,您可能需要在地址栏中聚焦并按Enter键。主题7是“扩展/继承”
.myClass{}
%grid-half {
  width: 50%;
}

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