我可以按标签组织CSS,而不是将它们全部分开吗?

时间:2017-09-13 07:38:22

标签: html css

为了解释我希望实现的目标,假设我有一个包含许多类的长css文档。我有几个不同的" h1"标签和" h2"标签," iframe"," ul",并且许多人有不同的类。是否所有" h1"或其他标签,无论是什么类型,都要组合在一起,所有" iframe"在Notepad ++中将它们组合在一个组中。



h1.left {
	font-family: Papyrus;
	font-size: 45px;
	color: white;
	margin-left: 15px;
}
h1.center {
	font-family: Papyrus;
	font-size: 30px;
	color: white;
	text-align: center;

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <pre>PS: All code in this document is just
       so it would be seen as I meant it to be,
        and I hope you can read it right.<pre>
  <!--For example:-->
  + h1
  <!--And if i roll the h1 down, i can get all h1 in the document:-->
  <ul>
     <li> h1.left</li>
     <li>h1.center <li>
     <li>h1.right<li>
  <!--And if i open those again, I will get all the code that is inside them-->
</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

不确定Notepad ++是否可以运行SASS,但听起来就像你所追求的那样。

h1 {
    color: white;
    font-family: Papyrus;
    text-align: center;

    &.left {
        font-size: 45px;
    }
    &.center {
        font-size: 30px;
    }
}