css-css权威指南学习笔记2

第二章 选择器

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元素。他们具有共同的父元素。

转载于:https://www.cnblogs.com/zczhangcui/p/6131611.html