向Python思考者解释如何使用带有SASS的类

我来自面向对象的Python领域，在学习SASS+compass/susy和CSS时需要一个基本问题的帮助。在全球范围内，我正在努力理解如何像在Python中理解的那样关联类和变量

我有一个导航栏，希望导航栏中的所有h1标记都是粗体，但html文档正文中的所有h1标记都是蓝色。我将如何构造screen.scss文件以反映我正在尝试执行的操作

让它变得更复杂一点，假设我有更多的标签，比如h2标签，我想做同样的事情，除了这次我想h2分别是斜体和红色。在这种情况下，我可以开始使用类选择器而不是id吗？有没有办法嵌套我的sass文件，这样h1和h2标记只有在class='navbar'下才会被修改？在python中，我会这样说：

class navbar
    h1 = make it bold
    h2 = make it italic

h1 = make it blue
h2 = make it red

在SASS land中，您将如何构造screen.SASS文件，以便我只需分配每个html标记，所有内容都能正常运行？或者，如果有更好的方法来处理大量的元素，我也愿意这样做

---

谢谢。

您的伪代码与SASS几乎完全相同：

.navbar
    h1
        font-weight: bold
    h2
        font-style: italic
body
    h1
        color: blue
    h2
        color: red

---

您的伪代码与SASS几乎完全相同：

.navbar
    h1
        font-weight: bold
    h2
        font-style: italic
body
    h1
        color: blue
    h2
        color: red

---

我知道我的答案有点笼统，但我发现你的问题也很笼统。我建议你多读一些关于OOCSS的内容，或者举个例子。检查一下布拉德的房间也是个好主意。我认为预处理器没那么重要。这更像是一个概念问题。

我知道我的答案有点笼统，但我发现你的问题也很笼统。我建议你多读一些关于OOCSS的内容，或者举个例子。检查一下布拉德的房间也是个好主意。我认为预处理器没那么重要。这更像是一个概念问题。

您的用例不需要类或变量。假设您有这样一个HTML文档，注意我们正在使用一个元素进行导航，因此不需要navbar类：

示例文档 航标 副标题 总目 副标题 。。。然后，要获得您在问题中询问的所有效果，以下SASS就足够了：

导航 h1 字体大小：粗体 氢 字体：斜体 主要的 h1 颜色：蓝色 氢 颜色：红色 从你的提问方式来看，我假设当你说“html的主体”文档时，你指的是一些与navbar中的内容不同的“主要”内容，而不是body元素中包含navbar的所有内容。如果这个假设是错误的，并且您确实希望所有内容都是彩色的，但只有导航栏标题是加粗的/斜体的，那么您应该这样做：

nav
  h1
    font-weight: bold
  h2
    font-style: italic

h1
  color: blue

h2
  color: red

---

您的用例不需要类或变量。假设您有这样一个HTML文档，注意我们正在使用一个元素进行导航，因此不需要navbar类：

示例文档 航标 副标题 总目 副标题 。。。然后，要获得您在问题中询问的所有效果，以下SASS就足够了：

导航 h1 字体大小：粗体 氢 字体：斜体 主要的 h1 颜色：蓝色 氢 颜色：红色 从你的提问方式来看，我假设当你说“html的主体”文档时，你指的是一些与navbar中的内容不同的“主要”内容，而不是body元素中包含navbar的所有内容。如果这个假设是错误的，并且您确实希望所有内容都是彩色的，但只有导航栏标题是加粗的/斜体的，那么您应该这样做：

nav
  h1
    font-weight: bold
  h2
    font-style: italic

h1
  color: blue

h2
  color: red

SCSS或HTML中的单词class与python中的单词class有不同的含义。不要试图匹配它们。SCSS或HTML中的单词class与python中的单词class有不同的含义。不要试图匹配它们。