首页 / 知识
CSS_选择符
2023-04-11 14:05:00

《CSS入门经典》第五章
以下提示注意事项:
1.如何选择使用id选择符还是class选择符:当确信id选择符在页面的唯一性时,就可以使用id选择符。
2.通用选择符在所有元素上设置样式,并不是只设置继承的默认值。
eg:
注意:使用通用选择符,<em>标签里的内容显示为绿色,而不是<h1>标签的蓝色,它没有继承h1标签的样式。
更改代码:
此时em继承了h1的样式。
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伪元素可以为块元素的首个字母添加特定的样式。
|
最新内容
相关内容
python怎么输出换行符
python怎么输出换行符,代码,培训,情况,结果,括号,末尾,空格,方法,python中一般是一行写完所有代码,如果遇到一行写不完需要换行的情况,有两种python是否支持字符串
python是否支持字符串,培训,数据,字符串,字符,引号,中文,内容,也就是,源程序,比如说,python要求,字符串必须使用引号括起来,可以使用单引号或者pythonC++和Python先入门哪个比较
pythonC++和Python先入门哪个比较好?,培训,入门,python零基础入门Python先学Django
python零基础入门Python先学Django还是Flask?,基础,培训,入门,python字符串如何定义
python字符串如何定义,培训,数据,字符串,字符,引号,中文,内容,定义,源程序,比如说,简单地理解,字符串就是“一串字符”,也就是用引号内的任何数python怎么样将字符串转换字符
python怎么样将字符串转换字符,培训,字符串,字符,元素,索引,以上,更多,内容,列表,python中一个字符串也可以看成是一个列表,字符串中的每个元python如何切割字符串
python如何切割字符串,培训,情况,字符串,下标,表示,函数,参数,序列,个子,语法,python字符串的分割方法如下str.split():字符串分割函数通过指python如何选择python版本?
python如何选择python版本?,项目,代码,培训,名字,地方,系统,里面,版本,问题,变量,Python3.7已经发布了,目前Python的用户,主要使用的版本应该是python怎么比较字符串是否相等
python怎么比较字符串是否相等,培训,工作,字符串,两个,方法,下面,以上,更多,内容,python比较字符串是否相等的方法:在实际的开发工作中,经常会python如何判断变量是否为字符串
python如何判断变量是否为字符串,培训,字符串,变量,函数,个数,定义,以上,参数,类型,方法,python判断变量是否为字符串的方法:isinstance()函数python如何比较两个字符串是否相等
python如何比较两个字符串是否相等,培训,工作,字符串,两个,下面,以上,方法,更多,内容,python在实际的开发工作中,经常会遇到要判定两个字符串python判断元素是否是字符串类型
python判断元素是否是字符串类型,培训,异常,类型,实例,字符串,数据类型,对象,元素,参数,序列,isinstance()是Python中的一个内建函数语法:isin