当前位置：文江博客话题详情

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

发布于 2024-11-10 00:00:54 字数 67 浏览 2 评论 0原文

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

在我的情况下，下面的答案仍然不起作用..

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

脸赞 2024-11-17 00:00:54

根据要应用的 CSS 数量，您还可以考虑仅将页面 ID 作为类添加到上，例如：

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-|">
    }

    ...
}

Depending on the amount of CSS to apply, you could also consider to just add the page ID as a class on the <body>, e.g. <body class="uid-456">:

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

Then, in your CSS:

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

UPDATE
Tested with Templavoilà. The following worked (From the Setup field of the main template):

page = PAGE
page {
    typeNum = 0

    10 = USER
    10.userFunc = tx_templavoila_pi1->main_page

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

    ...
}

回复收藏 0 原文

懷念過去 2024-11-17 00:00:54

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

回复收藏 0 原文

财迷小姐 2024-11-17 00:00:54

我建议使用 Typoscript Conditions 来添加/覆盖 (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]

或者在后端执行此操作的一种肮脏但有用的方法是这个小片段。它使用页面属性中的抽象字段，您可以在其中添加一些代码到中。

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

I recommend using Typoscript Conditions to add/overwrite (css)files.
eg.

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]

or a dirty but useful way to do so in backend is this little snippet. It uses the abtract field in your page properties where you can add some code into your <head>.

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

回复收藏 0 原文

~没有更多了~

关于作者

丶情人眼里出诗心の

暂无简介

0 文章

0 评论

24 人气

关注发私信

離殇

文章 0 评论 0

关注

小姐丶请自重

文章 0 评论 0

关注

Aik

文章 0 评论 0

关注

国产ˉ祖宗

文章 0 评论 0

关注

猥琐帝

文章 0 评论 0

关注

半仙

文章 0 评论 0

友情链接

文江博客

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

離殇

小姐丶请自重

Aik

国产ˉ祖宗

猥琐帝

半仙

友情链接

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

離殇

小姐丶请自重

Aik

国产ˉ祖宗

猥琐帝

半仙

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。