欢迎来到天天文库
浏览记录
ID:11208390
大小:59.31 KB
页数:8页
时间:2018-07-10
《css常用选择器总结》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、CSS常用选择器1、CSS元素选择器h1{color:red;}h2{font-weight:bold;}html:
2、效果图:(3).important{font-weight:bold;}.warning{font-weight:italic;}.important.warning{background:silver;}html:important
3、项:1)与类不同,在一个HTML文档中,ID选择器会使用一次,而且仅一次。1)同于类选择器,ID选择器不能结合使用,因为ID属性不允许有以空格分隔的词列表。2)这个规则会与以下各个元素匹配(这些元素不能在同一个文档中同时出现,因为它们都有相同的ID值):OKOKOK4)由于字母i的大小写不同,所以选择器不会匹配下面的元素。OK
4、ed;}html:百度效果图:(2)可以对多个属性进行选择a[href][title]{color:bule;}(只有具备属性href,并且同时有title的才可以用上面的选择器)html:百度效果图:也可以对带有alt属性的图片应用样式img[alt]{border:5pxsplidred;}(对有备注的图片进行设置图片属性)(3)选择有moons属性的所有planet元素,使之显示为红色planet[moons]{color:
5、red;}html:VenusEarthMars效果图:假设上面设定为planet[moons=“1”]{color:red;}htmlVenusEarthMars效果图:(4)根据具体属性值进行选择(假设对指定文档的超链接变成红色)a[href=”http://www.baidu.com/about_us.asp”
6、]{color:red;}html:关于百度效果图:注意:属性和属性值必须完全匹配,如果属性值有空格分隔的值列表例如:p[class=”importantwarning”]{color:red;}那么html必须写成下列方式html:OK
7、nt”>OK
此文档下载收益归作者所有