Html 在CSS中将所有类转换为内联类的最简单方法

我有一些用于设置样式的类，它们都使用块模式显示。。我想将它们全部转换为内联。。是否有一种简单的方法将它们全部转换为内联，而不是手动转到每个类将它们单独转换为内联

代码的以下部分：

<div class="contentbody">
    <p>
        Register here!
    </p>
    <a href="{% url 'parent_register_step1' %}"
       class="bbutton textshadowclass boxshadow">
        <div class="boxshadowinset green">
            Register
        </div>
    </a>
    <p>
        Forgot your password?
    </p>
    <a href="{% url 'parent_forgot_password' %}"
       class="bbutton textshadowclass boxshadow">
        <div class="boxshadowinset green">
            Reset Password
        </div>
    </a>
</div>

在这里注册！


忘记密码了？

我想将类bbutton、textshadowclass、box shadow、boxshadowinset green更改为inline。。最简单的方法是什么

注意：此类用于页面的其他部分。我想将特定部分更改为仅内联。它不应该影响整个页面

让我更详细地解释一下我在做什么：

---

我想将其转换为内联，以便寄存器和重置密码显示在同一行…

要仅选择属于

contentbody

类的类，您需要：

（如果希望还包括其他类，请向列表中添加更多类）

附加说明：如果您永久性地需要这些类是内联的，那么我建议您只（一次）访问每个类，并向每个元素添加一个内联类，这样从长远来看可以使代码更清晰

编辑：

使用（抱歉，我找不到更正式的链接）选择设置了多个类的元素：

div.contentbody>.boxshadowinset.green {
  display: inline;
}

请注意

框阴影插图

和

绿色

---

我确实相信现代浏览器支持这一点，但IE6似乎确实存在一些问题。

一种方法就是将id应用于包装元素

<div class="contentbody" id="contentbody">

由于CSS元素的层次结构，它们都将采用内联样式，而不是自己的样式

---

这里有一个基本的例子

或者使用选择器

*

将所有元素转换为内联。呵呵。。。如果50%以上的元素需要内联，那么它甚至可以很好地工作…：p这些类已在我的html的其他部分中使用。。。因此，它也会影响其他人。。如何避免这些。。。我想这些类是内联的这一部分的html。。。

<div class="contentbody" id="contentbody">

div#contentbody a, div#contentbody div{ display: inline; }