伙计们,我正在研究来自第三方来源的复杂 CSS 选择器。我无法忍受一些事情。
嵌套 CSS 的工作原理。我看到很多嵌套的 CSS 之类的。
.firstclass
{
.someotherclass { }
}
有时。
.firstclass.secondclass
{
.thirdclass{}
.fourthclass{}
}
此外,我尝试了低于预期的示例代码,第二个文本框的背景颜色将变为“黑色”,但没有发生。
<html>
<head>
<style type="text/css">
.style-color
{
background-color:#000000;
}
#id2_.style-color h1
{
background-color:#F0E68C;
.apply
{
background-color:#000000;
}
}
</style>
</head>
<body>
<div id="id1" class="style-color"> <h1> <input type="text" class="apply"> </h1> </div>
<div id="id2_" class="style-color"> <h1> <input type="text" class="apply"> </h1></div>
</body>
</html>