gpt4 book ai didi

grails - 如何防止 grails 的默认 main.css 链接到特定页面

转载 作者:行者123 更新时间:2023-12-02 14:20:49 24 4
gpt4 key购买 nike

我有一个简单的网络应用程序,我把它放在一起。

总的来说,默认 grails main.css适用于所有脚手架页面。

但是,我想抑制这一点并为登录页面使用不同的内嵌 css。

如何配置 grails 不链接 main.css在特定页面上?

html 非常简单,并且不包含特定于 grails 的标记:

<!doctype html>
<html>
<head>
<meta name="layout" content="main" />
<title>My landing page</title>
<style type="text/css" media="screen">

body
{
background-color: #fff;
}
img {
display: block;
margin: auto;
}

</style>
</head>
<body>
<img alt="Welcome!"
src="${resource(dir:'images',file:'Landing.png') }">
</body>
</html>

还有——是 main.css链接纯粹是不合常规的,还是有一些配置潜伏在我没有发现的地方? (我已经进行了搜索,但在任何地方都找不到)。

有人可以引用它在文档中谈到这些约定的地方吗?

最佳答案

main.css包含在您的着陆页中,因为您已指定您的着陆页基于主布局

<meta name="layout" content="main" />

此布局由 grails-app/views/layouts/main.gsp 定义并包括 main.css ,很可能在 <head> 中带有这样的标签页面:
<link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">

如果您删除:
<meta name="layout" content="main" />

您的着陆页将不再基于主布局,因此它不会包含其中定义的任何内容(例如 main.css )。

但是,与其完全删除布局,不如仅仅为了防止 main.css如果不包含在内,通过在 <style> 中包含自定义规则来覆盖您想要在布局页面上自定义的 CSS 规则可能会更简单。阻止 <head>登陆页面的
<style type="text/css">

body {
/* styles in here override styles from main.css */
}

</style>

关于grails - 如何防止 grails 的默认 main.css 链接到特定页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9975165/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com