一、通配符选择器
作用:给当前页面上所有的标签设置属性
(2)格式:
*{属性:值;}
(3)注意点:由于通配符选择器是给界面上所有的标签设置属性,因此在设置之前会遍历所有的标签,如果当前界面上的标签比较多,那么性能就会比较差,所以一般在企业开发过程中一般不会使用通配符选择器。
(4)例子:
*{
color:red;
}
........省略代码.......
<h1>我是标题</h1>
<p>我是段落</p>
<ahref="#">我是一个链接</a>
二、选择器综合练习
下面的这些方法都可以对p标签进行属性的设置
没有最好的方法,只有更合适的做法,对之前学习的选择器都练习了一遍
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>d82_selector_comprehensive_exercise</title>
<style>\
/*标签选择器*/
p{
color:red;
}
/*id选择器*/
#identity1{
color:green;
}
#identity2{
color:green;
}
/*class选择器*/
.para{
color:blue;
}
/*后代选择器*/
divp{
color:yellow;
}
/*子元素选择器*/
div>p{
color:red;
}
/*交集选择器*/
p.para{
color:green;
}
/*并集选择器*/
#identity1,#identity2{
color:wheat;
}
/*通用兄弟选择器*/
h1~p{
color:#37fa1e;
}
/*序选择器*/
p:nth-of-type(n+1){
color:green;
}
/*属性选择器*/
p[id]{
color:#ff4b54;
}
</style>
</head>
<body>
<h1>我是标签</h1>
<div>
<pid="identity1"class="para">我是段落1</p>
<pid="identity2"class="para">我是段落2</p>
</div>
</body>
</html>
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h56395.shtml