Html CSS到类+;任何阶级

Html CSS到类+;任何阶级,html,css,Html,Css,当元素有一个特定的类时,我需要向元素添加不同的样式;当元素有一个特定的类加上另一个(非特定的)时,我需要向元素添加其他样式 这是因为第二个类随页面而异 到目前为止,我已经尝试: .page {display: none;} .page[class=""] {display: block;} 或 使用类选择器要求它具有所需的类 使用属性选择器要求与特定类属性值完全匹配(即完全匹配字符串) 请注意属性选择器对空格敏感的限制 例如: div{ 保证金:1ex; 填充:1ex; 边框:虚线1px

当元素有一个特定的类时,我需要向元素添加不同的样式;当元素有一个特定的类加上另一个(非特定的)时,我需要向元素添加其他样式

这是因为第二个类随页面而异

到目前为止,我已经尝试:

.page {display: none;}
.page[class=""] {display: block;}

  • 使用类选择器要求它具有所需的类
  • 使用属性选择器要求与特定类属性值完全匹配(即完全匹配字符串)
请注意属性选择器对空格敏感的限制

例如:

div{
保证金:1ex;
填充:1ex;
边框:虚线1px#aaa;
}
傅先生{
/*包括富*/
背景:黄色;
}
[class=“foo”]{
/*有*只有*福*/
背景:红色;
}
无类属性
不上课
福
Foo+空格
富吧

Foo Baz
您可以使用
.page
(对于具有类
页面
的元素)和
[class=“page”]
(对于仅具有类
页面
的元素),但样式的顺序很重要:

.page{
颜色:蓝色;
}
[class=“page”]{
颜色:红色;
}
/*订单事宜*/
页面
第页,拉里
.page {display: none;}
.page.* {display: block;}
.page {display: none;}
.page + * {display: block;}