第二章 选择器
1、在font属性中,只有一种情况下可以使用/来分隔两个特定的关键字,即元素的字体大小/行高。
2、通过把两个类选择器链接在一起,可以选择同时包含这些类名的元素,类名的顺序不限。
.warning.urgent{ background: silver; }
3、在IE7之前的浏览器,p.warning.help只会匹配p.help。
4、同时使用id选择器和class选择器,将会引用id选择器中的值。(id选择器比类选择器优先级高)
5、简单属性选择:为所有带有alt属性的图像应用某种样式:
img[alt]{ border:3px solid red; }
(这个例子更多用于诊断图像是否确实有效,因为img规定必须要有alt值)
6、属性选择时也可以选择具有特定属性值的元素,以进一步缩小选择范围。
7、根据部分属性值选择:(根据词选择)
p[class~="warning"]{ font-weight: bold; }
将会选择class属性中包含warning的p元素,等价于p.warning。但它可以应用于任何属性,而不仅仅是class。如
img[title~="Figure"]{ // }
它将会选择title文本中包含Figure的所有图像。
8、子串匹配属性选择器:P48.
9、特定属性选择类型:
img[src|="figure"]{ // }
将选择src属性以figure开头的img元素。这个是匹配字符串,与根据部分属性值选择不同。
10、选择相邻兄弟元素:
h1+p{ // }
选择紧接着h1元素后出现的所有p元素。他们具有共同的父元素。