Typo3 类型3：css在系统中是如何工作的

在一个页面中，我安装了一个名为“core”的插件，然后在页面->模板中，我放置了内联css，如下所示：

[global]
[globalVar= TSFE:id=159]
page {
  CSS_inlineStyle (  
.tx-core-pi1 .intro h1 {
     border-bottom: 1px solid #fff;
  })
}

但在头版，它被

#main h1{border-bottom: 1px solid #EA9E2A;}

此配置：main h1位于以下文件中：fileadmin/templates/template1/styles.css

---

如果我在ts设置中将.tx-core-pi1.intro h1更改为main h1，那么它将正常工作，它将覆盖main h1{border bottom:1px solid EA9E2A；}，那么css如何应用于typo3中的首页？哪个优先级更高？插件css，inlincss…？

您所经历的行为与类型3无关。它源于CSS标准：

如果多个规则应用于元素的同一属性，则具有更特定选择器的规则优先。由于包含ID的选择器具有非常高的优先级，因此使用包含main的规则。如果这两条规则的具体程度与将规则选择器从TypoScript更改为main h1时相同，则将使用后面显示的规则

这是一个例子