CSS选择器组合语法

Question

我正在使用jqGrid进行项目并检查它使用的样式我找到了这样的选择器:

.ui-jqgrid tr.ui-row-ltr td { 
... 
}

.ui-jqgrid 当然是一堂课.

td.ui-row-ltr是ui-row-ltr应用于表行元素的类的选择器.

所以我的问题:

1. 它们被空间隔开是什么意思？我知道逗号分离.class1, .class2意味着"应用于class1和class2",但空间分离是什么意思？
2. 什么是td在到底意味着什么？td.class我理解但是class td？

Answer 1

这确实是基本的CSS.以下是一些示例:

• div.bob 选择 <div class="bob">
• div .bob选择class="bob"嵌套在任何div中的任何元素:
  • EX1: <div><a class="bob"></div>
  • EX2: <div><span><a class="bob"></span></div>
• 奖励:div > .bob仅选择直接后代(Ex1,但不是上面的Ex2)