Html 如何根据条件将样式应用于div?

Html 如何根据条件将样式应用于div?,html,css,model-view-controller,Html,Css,Model View Controller,我有一个div,我想在条件满足时显示/隐藏它 我用这个 <div th:style="${@Model.SelectionList.Any()} ? 'display:block' : 'display:none'"> 但不要隐藏div.只需使用 对于C 对于VB 百里香 展开花括号 <div th:style="${@Model.SelectionList.Any() ? 'display:block' : 'display:none'}"> 我不认为这是css的问

我有一个div,我想在条件满足时显示/隐藏它

我用这个

<div th:style="${@Model.SelectionList.Any()} ? 'display:block' : 'display:none'">
但不要隐藏div.

只需使用

对于C

对于VB

百里香

展开花括号

<div th:style="${@Model.SelectionList.Any() ? 'display:block' : 'display:none'}">

我不认为这是css的问题。必须是您的jscss,我可以在样式css中使用条件吗?从您的代码示例中,我了解到条件是用JS编写的,或者取决于JS变量。您的框架负责进一步处理它,对吗?。虽然有一些方法可以模拟CSS中的条件,但我认为这对您的情况没有帮助。尝试调试js代码,检查您的模型是否正确。选择iOnlist。Any包含正确的值。您希望在什么条件下显示元素?虽然CSS没有if条件,但是有一些方法可以应用if-like行为,但是如果我们不知道你在做什么,我们也帮不上忙。好吧,值得一提的是,一个人实际上不能在CSS中使用条件。还需要指出的是,我们不应该呈现页面的位置,而应该只是直观地隐藏它。@entio这里的目标是使用条件块从页面隐藏目标元素,这是最快的方法。如果不能像您所说的那样对样式使用条件,那么首先不会为其创建样式属性内部代码块的选项。还有呈现页面的一部分,而不是仅仅在视觉上隐藏它,你认为哪种加载速度更快?是的,这正是我的意思。通过不带div的服务器发送的Html将比带div的Html呈现得更快,原因很简单,因为它更小。一般来说,这个问题忽略了上下文(顺便说一句,检查你的拼写)。如果您按照建议的方式使用它,它与html标记没有任何关系,只与css标记有远程关系,与MVC标记的关系实际上没有任何关系。
<div style='@String.Format("{0}", If(Model.SelectionList.Any(), "display:block", "display:none"))'>
<div th:style="${@Model.SelectionList.Any() ? 'display:block' : 'display:none'}">