css - CSS 中用于区分浏览器的条件代码

Question

<form:form...>
<DIV class="outer-left-bm">Location:&nbsp;</DIV><DIV class="outer-right-bm"><form:select path="location" items="${locationList}" itemValue="code" itemLabel="desc" /></DIV>
<DIV class="outer-left-bm">Name:&nbsp;</DIV><DIV class="outer-right-bm"><form:input path="Name" maxlength="20" size="20" /></DIV>
</form:form>

DIV.outer-left-bm {
    width:49%;
    display: inline-block;
    min-height: 0;
    border: 1px;
    text-align: right;
    margin-bottom: 8px;
}
DIV.outer-right-bm {
    width: 50%;
    display: inline-block;
        min-height: 0;
    border: 1px;
    text-align: left;
    margin-bottom: 8px;
}

我在 CSS 文件中定义了一个类似上面的属性，并在 HTML/jsp 中使用。 在这里，我想根据用户浏览器将显示属性用作内联或内联 block 。 如果 IE(5-7) '显示:内联；' else '显示:内联 block ；' 我想在 css 中执行条件代码而不是在 html 中控制它们。

Answer 1

也许您可以在 HTML 中使用条件逻辑来包含浏览器特定的 CSS 文件。

例子:

    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="/my/style/sheet/style.css">
    <![endif]-->

不幸的是，标准 CSS3 中没有适用于浏览器的条件逻辑。

您还可以查看 html5shiv和 Modernisr帮助处理旧浏览器/IE