逗号分隔的选择器

时间:2016-01-08 21:45:40

标签: html css

我有点难以解释我想做什么。这是我的CSS代码:

div#addannouncmentdiv form button,input,textarea{
    width:50%;
}

但由于某种原因,即使不在div#addannouncmentdiv form中的输入和文本区域仍具有50%宽度属性。我知道我可以这样做:

div#addannouncmentdiv form button,div#addannouncmentdiv form input,div#addannouncmentdiv form textarea{
    width: 50%;
}

但是,每次一次又一次地写div#addannouncmentdiv form还有一个更短的方法吗?

2 个答案:

答案 0 :(得分:6)

目前的CSS版本无法做到这一点。您正在寻找的是像SaSS或LESS这样的CSS预处理器。

SaSS / LESS

task exp{
   doFirst{
      run1stServerTask.execute()
   }

   def pool = Executors.newFixedThreadPool(5)
   try {
      def defer = { closure -> pool.submit(closure as Callable) }

      defer {
        run1stTest.execute()
        // After tests are finished, kill 1st server tasks
      }
      defer {
        run2ndServerTask.execute()
      }
      defer {
        run2ndTest.execute()
       // After tests are finished, kill 2nd server tasks
      }

    }
    finally {
      pool.shutdown()
     }
}

编辑:

@AlAlien先生说。这可以清理到:

div#addannouncmentdiv form {
    button, input, textarea {
        width: 50%;
    }
}

答案 1 :(得分:3)

问题中的第二个例子是正确的:

    SpringApplication app = new SpringApplication(MyApplication.class);
    app.setWebEnvironment(false);
    app.run(args);

事实上,以下内容同样出色:

div#addannouncmentdiv form button,
div#addannouncmentdiv form input,
div#addannouncmentdiv form textarea {
width: 50%;
}

如果您向#addannouncmentdiv button, #addannouncmentdiv input, #addannouncmentdiv textarea { width: 50%; } 添加课程,例如:

<form>

那么你可以简单地使用:

<form class="aad">