jquery - 为什么 jQuery UI 使用嵌套的 css 类？

Question

为什么 jQuery UI 会这样写 CSS:

.ui-dialog .ui-dialog-titlebar-close {}
.ui-dialog .ui-dialog-content {}

由于他们的类名是如此具有描述性，我认为如果他们这样做会更快并且不太可能发生任何冲突:

.ui-dialog-titlebar-close {}
.ui-dialog-content {}

在我看来，它们不必要地嵌套类并导致浏览器做更多的工作，但我想知道是否有我不知道的充分理由。有谁知道他们为什么要嵌套类？

Answer 1

很可能是因为 .ui-dialog-titlebar-close 和 .ui-dialog-content 的 CSS 是可重用的。所以基本上他们确保这些类只有在它们是 .ui-dialog

的子级时才会继承对话框的特定样式