作者:老翅几回寒_332 | 来源:互联网 | 2022-10-14 13:33
当元素具有一个特定的类时,我需要为元素添加不同的样式;当元素具有该特定的类再加上另一个(非特定)时,我需要向其添加其他样式
这是因为第二类随页面而变化
到目前为止,我已经尝试过:
.page {display: none;}
.page[class=""] {display: block;}
要么
.page {display: none;}
.page.* {display: block;}
Quentin..
5
使用类选择器要求它具有所需的类。
使用属性选择器要求与特定类的属性值完全匹配(即与字符串完全匹配)。
注意属性选择器对空格敏感的限制。
这样:
div {
margin: 1ex;
padding: 1ex;
border: dotted 1px #aaa;
}
.foo {
/* Includes foo */
background: yellow;
}
[class="foo"] {
/* Has *only* foo */
background: red;
}
No class attribute
No classes
Foo
Foo + whitespace
Foo Bar
Foo Baz
请注意,类选择器和属性选择器具有相同的特异性,因此顺序很重要。
1> Quentin..:
使用类选择器要求它具有所需的类。
使用属性选择器要求与特定类的属性值完全匹配(即与字符串完全匹配)。
注意属性选择器对空格敏感的限制。
这样:
div {
margin: 1ex;
padding: 1ex;
border: dotted 1px #aaa;
}
.foo {
/* Includes foo */
background: yellow;
}
[class="foo"] {
/* Has *only* foo */
background: red;
}
No class attribute
No classes
Foo
Foo + whitespace
Foo Bar
Foo Baz