LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭
常用的css选择器应用
2020-03-05

第一种是通用选择器,通用选择器就是对所有的htmlz元素起作用。语法格式为: *{propery:value}。其中“*”表示对所有元素起作用,property表示css的属性,value表示属性值。

第二种是标签选择器,也成为元素选择器。标签选择器的基本形式如下:tagName{property:value},其中tagName是标签名称,property是css的属性。

第三种是类选择器 ,类选择器用来为一系列标

签定义相同的呈现方式,常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称,这是由css编写者自己命名。

第四种是ID选择器,ID选择器定义的是某一个特定的html元素,一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下:

#idValue{property:value}。其中idValue是ID选择器的名称,可以由CSS编写者自己编写。


第五种是属性选择器,属性选择器根据属性选择元素。语法格式为:[href]{}、[attr=" val"]{}。

第六种是并集选择器,就是取多种选择器的并集,语法格式为:em,strong{}

第七种是后代选择器,先匹配第二个选择器元素,并且属于第一个选择器内。

第八种是子代选择器,先匹配第二个选择器元素,且为第一个选择器的后代,语法格式为:ul>li{}。

第九种是兄弟选择器,匹配紧跟第一个选择器并匹配第二个选择器的元素,语法格式为:p+a{},如:紧跟p元素后的a元素。


第十种时伪类选择器,伪类选择器主要应用在<a>标签上,它由四种状态:未访问链接(link)、已访问链接(visited)、激活链接(active)、鼠标停留在连接上(hover)。


推荐文章
评论(0)
分享到
转载我的主页