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

我有一些用于样式的类，并且所有类都使用块模式显示..我想将它们全部转换为内联..是否有一种简单的方法他们都转换为内联，而不是手动去每个班他们的个人转化为内联......最简单的方法将所有类转换为内联在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，箱阴影，boxshadowinset绿色成内联..最简单的方法是什么？

注：该类用于页面的其他部分。我想将某些部分改为仅内联。它不应该影响到整个页面...

让我较详细地解释我在做什么： enter image description here

我想这个转换为内联这样的寄存器，并重置密码出现在同一行...

来源

2012-06-21 lakesh

，只选择那些代替contentbody类的类，你需要一个CSS element>element Selector：

div.contentbody>.bbutton, div.contentbody>.textshadowclass, ... { 
    display: inline; 
}

（添加更多的类到列表中，如果你如果你永久需要这些类是内联的，那么我建议只是（一次）去每个类并向每个元素添加一个内联类，这会让你的代码更清晰从长远来看。

编辑：

使用union selector（对不起，我找不到更多的官方链接）选择具有多个类设置要素：

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

注意的.（无空格） boxshadowinset和

我相信这是由现代浏览器支持，但IE6似乎有一些问题。

来源

2012-06-21 08:10:01 Veger

或使用选择器'*'将所有元素转换为内联。 – acme

嘿嘿......如果超过50％的元素需要内联，甚至可能工作得很好...：P – Veger

这些类已经在我的html的其他部分中使用了...因此它也会影响其他部分。。如何避免这些...我想这些类是内联的这一部分的HTML ... – lakesh

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

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

然后在你的CSS，造型

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

添加由于CSS元素层次，他们都将采取内嵌式的，而不是自己的风格。

这里是基本示例。 http://jsfiddle.net/H97c5/2/

来源

2012-06-21 08:15:57

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

回答

相关问题