CSS中选择符怎么用

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

成都创新互联公司是一家专注于成都做网站、网站设计、外贸营销网站建设与策划设计,丽水网站建设哪家好?成都创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:丽水等地区。丽水做网站价格咨询:13518219792

以下提示注意事项:

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

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

eg:

注意:使用通用选择符,标签里的内容显示为绿色,而不是

标签的蓝色,它没有继承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版本中必须声明

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

(4):lang()伪类

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

eg:

5.CSS中的伪元素

:before 插入元素前的内容

:after 插入元素后的内容

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

:first-line 块元素的第一行

(1):first-line伪元素是虚拟伪元素,它只添加应用于首行的特殊样式指示元素的首行。

eg:

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

(2):first-letter伪元素可以为块元素的首个字母添加特定的样式。

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


分享文章:CSS中选择符怎么用
转载来源:http://ybzwz.com/article/ggsdds.html