TYPO3-在单个页面上覆盖样式

问题描述

| 如何覆盖指定站点上的某些样式？我想做的CSS文件的方式。下面仍然没有答案适用于我的情况..

解决方法

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

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

然后，在您的CSS中：

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

更新经过Templavoilà测试。以下工作（从主模板的4字段）：

page = PAGE
page {
    typeNum = 0

    10 = USER
    10.userFunc = tx_templavoila_pi1->main_page

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

    ...
}

,使用TypoScript添加CSS规则（使用page.cssInline）或其他CSS文件（page.includeCSS）。参见TSref，第PAGE页。 ,我建议使用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]

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

page.headerData.20 = TEXT
page.headerData.20.data = field:abstract
page.headerData.20.wrap =  |

typo3-单个样式样式覆盖覆盖面上

TYPO3-在单个页面上覆盖样式

问题描述

解决方法

相关问答