Question

我目前正在为不同的页面使用不同的颜色，然后像这样在body标签中调用它们

CSS：

$video.css({
    'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg),
    'transform': translateY(' + $body.scrollTop() + 'px)' 
});

HTML：

#theme-green .whateverdiv {color: green;}

问题是当我有很多需要设计样式的元素时，我是否必须在每个元素上添加<body id="theme-green">或者我可以＆＃34;包裹＆＃34; #theme-green标记下的所有元素？

我正在寻找的是这样的：

#theme-green

而不是：

#theme-green
{
   .thingnumber1 {stuff here;}
   .thingnumber2 {stuff here;}
   .thingnumber3 {stuff here;}
}

亲切的问候，

了Emil

Answer 1

不，你不能，至少使用纯CSS。

假设你的元素共享共同的样式，你的CSS需要像这样构造......

@GroupSequence({ Step1.class, Step2.class, Step3.class })
public class NewPasword {

  public interface Step1 {}
  public interface Step2 {}
  public interface Step3 {}

  @NotEmpty(message="Please Provide Password",groups = Step1.class)
  @Pattern(regexp = "^(?=.*?[A-Z])(?=.*?[0-9])(?=\\S+$).{8,}$", message = "{encryptedpassword.required}", groups = Step2.class)
  @Size(min=8, max=19, groups = Step3.class)   
  private String newPassword;

  }

如果您希望按照自己的问题建议，可以使用CSS预处理器，例如SASS或LESS。

为不同页面使用不同颜色的更好方法

1 个答案: