Question

又是关于CSS的基础问题，派生选择器的问题。老实说吧，我只明白选择器，对于派生选择器就一点也不懂了！

看到教程里面说：
派生选择器：
“通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。”
这话怎么理解？什么是“元素在其位置的上下文关系” ？

还有（教程里面的）：

在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。

派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。

——————————————————————————————————————
都怎么理解，我笨吧，希望有高手用通俗的语言为我讲解下。

还有（以下为教程内容）：
比方说，你希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：

li strong {
font-style: italic;
font-weight: normal;
}

——————————————————————————————————————
为什么要这样，难道不能直接用斜体的标签？

太复杂了、、、、、教程我都看不明白了。。。 真希望有视频教程。。。。

顺便问下，水平对齐（ALIGN） 是什么意思， 垂直对齐（VALIGN）呢？ 有什么区别？

谢谢！ 通俗点。。。。。

Answer 1

为什么要这样，难道不能直接用斜体的标签？
因为使用斜体标签 有1W个需要加的 你就要加1W次。。。
用样式表就可以解决这些问题。在以前的表格时代基本样式都是由标签控制的。
举个例子。假设你所有文字段落的所有链接都要变成红色。文字里面有5000个链接。你应该怎么解决。。用标签你要加5000次。。用CSS你只要设置
p a{
color:red;
}
就可以了。。就是在<p></p>里面的所有<a></a>都是红色了

text-align:就是文本对齐方式 left就是文字靠着父元素的左边对齐。center就是中间 right就是右边
TEXT-VALIGN这个不兼容浏览器。不适用。一般垂直剧中对齐都用line-height来解决

如果你想学习CSS就多安装几个浏览器。自己测试代码。。。看书都是理论。。。动手很快就会学会。祝你成功

Answer 2

派生选择器也叫父子选择器，通俗点说，就是通过它的爹地找到他的儿子。
如1楼得DOM

Answer 3

Descendant Selectors 通常翻译为包含选择器
CSS样式：li strong{}
对应DOM文档为：<li><strong></strong></li>
是包含关系。
层叠样式表执行过程中，strong继承li的公共style，所以也勉强可以算是“派生”关系。

Answer 4

li strong {
font-style: italic;
font-weight: normal;
}
的意思就是所有li标签中的strong标签才用如上格式
#menu {}
#menu li{}
#menu div{}
如此可以针对不同id的区块具体调整样式