HTML连载25-通配符选择器&选择器综合练习

一、通配符选择器

作用：给当前页面上所有的标签设置属性

（2）格式：

*{属性：值；}

复制代码

（3）注意点：由于通配符选择器是给界面上所有的标签设置属性，因此在设置之前会遍历所有的标签，如果当前界面上的标签比较多，那么性能就会比较差，所以一般在企业开发过程中一般不会使用通配符选择器。
（4）例子：

*{

复制代码

color: red;

复制代码

}

复制代码

........省略代码.......

复制代码

我是标题

复制代码

我是段落

复制代码

我是一个链接

复制代码

二、选择器综合练习
下面的这些方法都可以对p标签进行属性的设置
没有最好的方法，只有更合适的做法，对之前学习的选择器都练习了一遍

[/code][code]

复制代码

[/code][code]

复制代码

d82_selector_comprehensive_exercise

复制代码

\

复制代码

/*标签选择器*/

复制代码

p{

复制代码

color: red;

复制代码

}

复制代码

/*id选择器*/

复制代码

#identity1{

复制代码

color: green;

复制代码

}

复制代码

#identity2{

复制代码

color: green;

复制代码

}

复制代码

/*class选择器*/

复制代码

.para{

复制代码

color: blue;

复制代码

}

复制代码

/*后代选择器*/

复制代码

div p{

复制代码

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;

复制代码

}

复制代码

[/code][code]

复制代码

[/code][code]我是标签

复制代码

[/code][code]我是段落1

复制代码

我是段落2

复制代码

[/code][code]

复制代码

[code][/code]三、源码：
d81_wildcard_selector.htm
d82_selector_comprehensive_exercise.html
地址:
https://github.com/ruigege66/HTML_learning
2.CSDN：https://blog.csdn.net/weixin_44630050（心悦君兮君不知-睿）
3.博客园：https://www.cnblogs.com/ruigege0000/
4.欢迎关注微信公众号：傅里叶变换，后台回复“礼包”获取Java大数据学习视频礼包