Html 如何在Hugo中使用if-else语句和CSS

Html 如何在Hugo中使用if-else语句和CSS,html,css,hugo,Html,Css,Hugo,所以基本上我是为一家公司创建这个网站,我决定使用Hugo+Forestry作为我的堆栈,我遇到了一个问题。如果HUGO.md文件返回的大价格为false,我试图使CSS的.pricing=none 我的雨果密码 +++ description = "ytytyr" large_ = false name = "chicken" price = 15.99 price_large = nil small_ = true +++ <div class="foodItem"> <

所以基本上我是为一家公司创建这个网站,我决定使用Hugo+Forestry作为我的堆栈,我遇到了一个问题。如果HUGO.md文件返回的大价格为false,我试图使CSS的.pricing=none

我的雨果密码

+++
description = "ytytyr"
large_ = false
name = "chicken"
price = 15.99
price_large = nil
small_ = true

+++
<div class="foodItem">
<h2>{{ .name }}</h2>
<h4>{{ .description }}</h4>
<div class="p">
    <div class="pricing">
        <h4>{{ .small }}</h4>
        <h2>{{ .price }}</h2>
    </div>
    <div class="pricing lg">
        <h4>{{ .large }}</h4>
        <h2>{{ .price_large }}</h2>
    </div>
</div>
我的HTML代码

+++
description = "ytytyr"
large_ = false
name = "chicken"
price = 15.99
price_large = nil
small_ = true

+++
<div class="foodItem">
<h2>{{ .name }}</h2>
<h4>{{ .description }}</h4>
<div class="p">
    <div class="pricing">
        <h4>{{ .small }}</h4>
        <h2>{{ .price }}</h2>
    </div>
    <div class="pricing lg">
        <h4>{{ .large }}</h4>
        <h2>{{ .price_large }}</h2>
    </div>
</div>

{{.name}
{{.description}
{{.small}
{{.price}
{{.large}
{{.price_large}}

与您的问题无关,但您不应该使用标题来设置内容的样式,而应该使用类和css。实际标题使用标题我应该提到,HTML代码使用的是分部,原始代码是{{range where.Site.RegularPages“Section”“dinner”}{{partial”fooditem.HTML.Params}{{{end}}您想做什么的细节还不完全清楚。当
price\u large
设置为false时,是否要隐藏某些内容?