CSS:多个类的一个属性

时间:2016-08-18 09:38:02

标签: css

我有以下内容:

 .category-2 .content aside {margin-top: 4px;}
 .category-3 .content aside {margin-top: 4px;}
 .category-4 .content aside {margin-top: 4px;}

如何在所有三个类别中使用一个margin-top?

3 个答案:

答案 0 :(得分:3)

使用',' char将您的财产分享给多个选择者:

new Handler().postDelayed(new Runnable() {
                        @Override
                        public void run() {
                            final Dialog d = new Dialog(getContext());
                            d.show();
                        }
                    }, 1500);

这种格式化css的方式称为逗号分隔选择器,正如@Aaron建议的那样。

答案 1 :(得分:1)

你可以使用:

div[class^="category"] { margin-top: 4px; }

答案 2 :(得分:1)

要么就是这样写的

.category-2 .content aside,.category-3 .content aside,.category-4 .content aside {margin-top: 4px;}

或者它取决于例如

的html结构的其余部分



#category aside { margin-top:4px;}

<div id ="category">
  <div class="category-2">
     <div class="content">
       <aside>
        <p>blabla</p>
       </aside>
      </div>
    </div>
  <div class="category-3">
     <div class="content">
       <aside>
        <p>blabla</p>
       </aside>
      </div>
    </div>
  <div class="category-4">
     <div class="content">
       <aside>
        <p>blabla</p>
       </aside>
      </div>
    </div>
  </div>
&#13;
&#13;
&#13;