Html CSS.not（选择器）不处理span标记

我有一个标题，其中包含一个带有日期的span标记和一些文本。文本应为粗体，日期应保持正常

在CSS文件中，我使用的是

：不是（cls）

，但日期也会被格式化

.parent{
显示器：flex；
}
.父项：不是（.date）{
字体大小：粗体；
}
.日期{
右边填充：20px；
}

日期标题在这里
也可以这样做吗

.parent {
  display: flex;
  font-weight: bold;
}

.date {
  padding-right: 20px;
  font-weight: normal;
}

你也可以这样做吗

.parent {
  display: flex;
  font-weight: bold;
}

.date {
  padding-right: 20px;
  font-weight: normal;
}

.parent:not（.date）
表示“作为类父级成员而不是类数据成员的元素”

由于没有包含
class=“parent date”
的元素，这使得
：not（）
部分毫无意义

无论如何，选择器永远不会应用于span（因为span没有
class=“parent”
）


查看浏览器内置的DOM检查器中的元素


span元素的
font-weight
属性的默认值是
inherit
，因此它将获得父元素拥有的任何内容

如果你不希望它是大胆的，那么你需要明确地说


.parent{
显示器：flex；
}
.家长{
字体大小：粗体；
}
.日期{
字体大小：正常；
右边填充：20px；
}

日期标题在这里
.parent:not（.date）
表示“作为类父级成员而不是类数据成员的元素”

由于没有包含
class=“parent date”
的元素，这使得
：not（）
部分毫无意义

无论如何，选择器永远不会应用于span（因为span没有
class=“parent”
）


查看浏览器内置的DOM检查器中的元素


span元素的
font-weight
属性的默认值是
inherit
，因此它将获得父元素拥有的任何内容

如果你不希望它是大胆的，那么你需要明确地说


.parent{
显示器：flex；
}
.家长{
字体大小：粗体；
}
.日期{
字体大小：正常；
右边填充：20px；
}

日期标题在这里