《精通CSS》读书笔记(1)

1.CSS子元素选择器：与后代选择器相比，子元素选择器只能选择作为某元素的子元素的元素。
例如：h1 > strong {color:red;}
<h1>This is <strong>very</strong> important.</h1> //<strong>里面的very会变红色，因为<strong>是<h1>的直接子元素
<h1>This is <em>really <strong>very</strong></em> important.</h1>//<strong>里面的very不会变红色，因为<strong>不是<h1>的直接子元素，直接子元素是<em>
2.CSS相邻兄弟选择器：如果需要选择紧接在另一个元素后的元素，而且两者有相同的父元素，可以使用相邻兄弟选择器。
2.1 h1 + p {color:red;} //“选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素”。
<h1>This is a heading.</h1>
<p>This is paragraph.</p> //仅此行的字体变红
<p>This is paragraph.</p>
<p>This is paragraph.</p>
2.2 用一个结合符只能选择两个相邻兄弟中的第二个元素
li + li {font-weight:bold;}
<ul>
<li>List item 1</li>
<li>List item 2</li>//变粗
<li>List item 3</li>//变粗
</ul>
<ol>
<li>List item 1</li>
<li>List item 2</li>//变粗
<li>List item 3</li>//变粗
</ol>
3.属性选择器可以根据元素的属性以及属性值来选择元素
[title]{color:red;} //选择有title属性的元素并且将其字体变成红色 <h2 title="Hello world">Hello world</h2>
4.可以通过将任何规则指定为!important来提高它的重要度，让它优先于任何规则，甚至优先于作者加上的!important标志的规则。
标为！important的用户样式
标为！important的作者样式 //如果两个规则的特殊性相同，那么后定义的规则优先
作者样式
用户样式
浏览器/用户代理应用的样式
5.每个CSS文件都意味着要对服务器进行一次额外的调用，这回影响性能，所以一些开发人员喜欢使用一个大型CSS文件而不是多个小文件，最终的选择实际上取决于实际情况，而且在某种程度上这是一个个人喜好问题。
6.术语CDATA值得是不应由XML解析器进行解析的文本数据（Unparsed Character Data）
在 XML 元素中，"<" 和 "&" 是非法的。"<" 会产生错误，因为解析器会把该字符解释为新元素的开始。"&" 也会产生错误，因为解析器会把该字符解释为字符实体的开始。某些文本，比如 JavaScript 代码，包含大量 "<" 或 "&" 字符。为了避免错误，可以将脚本代码定义为 CDATA。CDATA 部分中的所有内容都会被解析器忽略。CDATA 部分由 "<![CDATA[" 开始，由 "]]>" 结束