2

如何覆盖指定站点上的某些样式？我想用css文件的方式来做。

在我的情况下，下面仍然没有答案..

4

3 回答 3

6

根据要应用的 CSS 数量，您还可以考虑将页面 ID 作为类添加到 上<body>，例如<body class="uid-456">：

page.bodyTag >
page.bodyTagCObject = TEXT
page.bodyTagCObject {
    field = uid
    wrap = <body class="uid-|">
}

然后，在您的 CSS 中：

.uid-456 myElement {
    myCustomStyle... /* Applies to page ID = 456 only. */
}

更新
用 Templavoilà 测试。以下工作（来自Setup主模板的字段）：

page = PAGE
page {
    typeNum = 0

    10 = USER
    10.userFunc = tx_templavoila_pi1->main_page

    bodyTag >
    bodyTagCObject = TEXT
    bodyTagCObject {
        field = uid
        wrap = <body class="uid-|">
    }

    ...
}
于 2011-05-26T13:10:19.283 回答
1

使用 TypoScript 添加 CSS 规则（使用 page.cssInline）或其他 CSS 文件（page.includeCSS）。请参阅TSref的 PAGE 章节。

于 2011-05-26T11:43:42.627 回答
1

我建议使用Typoscript 条件来添加/覆盖 (css) 文件。例如。

page.headerData.10 = TEXT
page.headerData.10.value (

    <link rel="stylesheet" href="fileadmin/js_css/style.css" />
)
#### add css to Page ID 1
[globalVar = TSFE:id = 1]
page.headerData.20 = TEXT
page.headerData.20.value (

    <link rel="stylesheet" href="fileadmin/js_css/mycustomstyle.css" />
)
[end]

或者在后端这样做的一个肮脏但有用的方法是这个小片段。它使用页面属性中的抽象字段，您可以在其中将一些代码添加到您的<head>.

page.headerData.20 = TEXT
page.headerData.20.data = field:abstract
page.headerData.20.wrap =  |
于 2011-05-26T12:04:18.133 回答