CSS中选择符怎么用

这篇文章给大家分享的是有关CSS中选择符怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

　　以下提示注意事项：

　　1.如何选择使用id选择符还是class选择符：当确信id选择符在页面的唯一性时，就可以使用id选择符。

　　2.通用选择符在所有元素上设置样式，并不是只设置继承的默认值。

　　eg：

　　注意：使用通用选择符，<em>标签里的内容显示为绿色，而不是<h2>标签的蓝色，它没有继承h2标签的样式。

　　更改代码：

　　此时em继承了h2的样式。

　　3.注意后代选择器与子选择器的区别。（另总结）

　　4.简单伪类：

　　（1）：active 被激活的元素（例如激活的链接）。

　　（2）：first-child 元素的第一个子元素。

　　（3）：focus 有焦点的元素（例如接收输入的表单字段）。

　　（4）：hover 指向的元素（例如通过鼠标）。

　　（5）：lang（） 特定语言的样式。

　　（6）：link 未跟踪的链接。

　　（7）：visited 以前访问过的链接。

　　注意：

　　（1） 将伪类和其他的类和伪类放在一起使用时，中间不要留空格，只有。和：指示符。

　　eg   a.offsite:link{color:green;}

　　（2） link伪类和visited伪类经常一起使用，用link伪类设置链接未访问时的样式，用visited设置链接访问后的样式。

　　（3） ：first-child伪类用于选择元素，选择的元素是另一个元素的第一个子代。如果第一个子代匹配选择符的基本类型。（：first-child 伪类前面的部分），那么将规则应用于该元素。

　　eg:

　　表格中的数字表示支持该属性的第一个浏览器版本号。

　　注意： :first-child在IE8和更早版本IE版本中必须声明<!DOCTYPE>

　　ie7.0以前的浏览器是不支持first-child选择器的，所以使用class给特定元素设置样式。

　　（4）：lang（）伪类

　　指示规则应用于匹配某种语言的元素；

　　eg：

　　5.CSS中的伪元素

　　：before 插入元素前的内容

　　：after 插入元素后的内容

　　：first-letter 块元素的第一个字母

　　：first-line 块元素的第一行

　　（1）：first-line伪元素是虚拟伪元素，它只添加应用于首行的特殊样式指示元素的首行。

　　eg：

　　注意：当浏览器窗口，字体的大小改变时，设置的css样式同样能适用。所以<span>标签不能复制first-line。因为当它显示在用户浏览器上时，网页作者不知道首行 在哪里结束。

　　（2）：first-letter伪元素可以为块元素的首个字母添加特定的样式。

感谢各位的阅读！关于“CSS中选择符怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！