Html 在<；部门>；

我试着搜索相关的内容，但我不确定我是否因为不熟悉HTML或CSS而忽略了正确的答案，或者以前是否没有人问过

我正试图开发自己的网站，并打算将其从中间拆分。到目前为止，我已经有了

.wrap{
宽度：100%；
溢出：auo；
}
弗莱夫特先生{
浮动：左；
宽度：40%；
背景：灰色；
高度：100vh；
}
.恐惧{
浮动：对；
宽度：60%；
高度：100vh；
}
弗莱夫特先生{
浮动：左；
宽度：40%；
背景：灰色；
高度：100vh；
h1{
颜色：绿色；
}
}

---

您的

h1

样式定义指定错误。。。试试这个：

.fleft h1 {
  color: green;
}

.fright h1 {
  color: red;
}

---

完整示例

您的

h1

样式定义指定错误。。。试试这个：

.fleft h1 {
  color: green;
}

.fright h1 {
  color: red;
}

---

完整示例

您的CSS似乎存在语法问题（和打字错误，但这不是问题所在）

问题：如果您使用的是纯CSS，则无法嵌套如下规则：

.fleft {
  float:left; 
  width: 40%;
  background: gray;
  height: 100vh;   

  h1 {
    color: green;
  }   
}

与

h1

一起嵌套在

.fleft

中

如果您使用的是Sass或更少，这是可以接受的，也许是这样，但您在问题中没有提到这一点

要解决此问题，您需要使用子选择器，如：

.fleft {
  float:left; 
  width: 40%;
  background: gray;
  height: 100vh;      
}

.fleft h1,
.fright h1 {
  color: green;
}

其中

.fleft h1

和

.fright h1

将选择

.fleft

和

.fright

类中的所有

h1

标记

此外，其中一个值中有一个输入错误

.wrap {
  width: 100%;
  overflow: auo; // should be auto
}

---

看起来你的CSS有语法问题（还有打字错误，但这不是问题所在）

问题：如果您使用的是纯CSS，则无法嵌套如下规则：

.fleft {
  float:left; 
  width: 40%;
  background: gray;
  height: 100vh;   

  h1 {
    color: green;
  }   
}

与

h1

一起嵌套在

.fleft

中

如果您使用的是Sass或更少，这是可以接受的，也许是这样，但您在问题中没有提到这一点

要解决此问题，您需要使用子选择器，如：

.fleft {
  float:left; 
  width: 40%;
  background: gray;
  height: 100vh;      
}

.fleft h1,
.fright h1 {
  color: green;
}

其中

.fleft h1

和

.fright h1

将选择

.fleft

和

.fright

类中的所有

h1

标记

此外，其中一个值中有一个输入错误

.wrap {
  width: 100%;
  overflow: auo; // should be auto
}

---

给h1元素自己的类和样式。代码中没有标题…我从那里开始。给h1元素自己的类和样式。代码中没有标题…我从那里开始。