CSS - 自定义标题设置

时间:2014-02-28 17:23:07

标签: css

基本的想法是我有一个侧边栏div标签,我一直在调整CSS,我想在同一个地方做所有事情:

.sidebar{
    border: solid;
    float:left;
    margin-right:-100px;
    margin-top: -200px;
    width:200px;
}

.sidebar h2{text-decoration:underline}  

这就是代码现在的样子,它在技术上有效,但它对我来说看起来很糟糕,我想添加底部位将h2更改为顶部的主要块,其中包含其他所有内容但是我不知道如何融入它。

我认为这是相当直接的,我只是遗漏了一些东西。

1 个答案:

答案 0 :(得分:0)

我认为您正在考虑的是使用CSS预处理器,它允许您将多个子类组合成一个大类,使其具有更好的外观和感觉,如下所示:

.sidebar{
    border: solid;
    float:left;
    margin-right:-100px;
    margin-top: -200px;
    width:200px;

  h2
  {
    text-decoration:underline;
  }
}

为此您可以使用LESS。有关详细信息,请访问:LESS CSS