嵌套CSS类？

读了一些angular和CSS，我忘记了这到底意味着什么

.css-form input.ng-invalid.ng-touched { color: whatever; }

我知道它是在选择嵌套在

css表单

类中的输入元素，但是当有类似

div.a

之类的东西时呢？那只是在用class

a

表示

div

我猜这将是

输入

，该输入具有类

ng invalid

和

ng topped

（它们似乎是通过角度自动设置的，实际上并不像看上去那样放在括号中）

关于嵌套，这个电话正确吗

谢谢。

我想你的意思是“CSS选择器”，它们是用来选择你想要设置样式的元素的模式

div.a

可以解释为使用

class=“a”

有关详细信息，请参阅

.css-form input.ng-invalid.ng-touched { color: whatever; }

这个选择器的意思是：

目标输入元素，其class属性包含以下两个 价值观：

• ng无效

• ng触摸

此外，输入必须是具有类的元素的后代

css表单

示例HTML：

<form class="css-form">
    <input class="ng-invalid">
    <input class="ng-touched">
    <input class="ng-invalid ng-touched">
    <input type="submit">
</form>

该选择器表示：

类为

ng的目标元素是类为
ng无效的输入元素的后代，是类为
css形式的元素的后代

（“输入元素的后代…”哈哈，我知道。这只是一个例子，我们正在讨论CSS，现在已经很晚了，我想说明一点，该死的！；-）

W3C参考资料：




我相信你的理解是正确的。如果你不完全确定规则是什么，你可以尝试一下，看看会发生什么。CSS很有趣，因为你总是可以逆转你所做的没有成功的改变。CSS为你的所有页面设计样式，让你发疯，找出它能做的所有伟大的事情。
.css-form input.ng-invalid .ng-touched { color: whatever; }