通配符的基础知识
CSS样式表的选框器可比导弹还牛，帮你挑出文件里的元素进行装扮。其中的通配符*和~就是两大神技，一个所有元素都打中，另一个包括元素本身及后代。掌握好这两大神技，就能选出想变美的元素了！
“*”这家伙是个神奇的万能钩子，熟练运用它，HTML元素就统统不是问题！
啦~等你找到标签后，就能用这个通配符把所有的都选上！用“*”来选出深度工具，不就是要动所有元素的主意。瞧，像这个样子，所有的元素字体颜色都变成了火热的红色：
css
*{
* {
color: red;
}
color: red;
}
这几个神奇语句，瞬间就让你的整个网站的字体通体变成红色了。简单易学，效果绝对能吸引人眼球！
那个符号“~”可是牛逼大了！想选啥就能选啥，甚至还有后代那些也都能照顾到。你瞧这例子，所有文档个儿和子子孙孙全在它眼里。用上它，不仅仅是每个元素有自己的造型，连它们拖出来的小辈们也一并搞定了！比如这么回事儿，文档中每个元素后面的段落元素都会变成20像素那么大的字号。
*~ p {
* ~ p {
font-size: 20px;
}
font-size: 20px;
在这个代码帮帮忙下，网页中的段落字号大小就能轻松调整到一致了！
合理使用通配符
大括号好用，不过别太使劲儿地乱用它会把文章里的东西全都拉过来，如果文章内容多了，网速可就要变慢啦!所以咱们搞编程时，尽量减少使用它们来选择元素。
说到学习 CSS 选择器，别忘了还有好多别的东西要学，比如搞懂通配符是怎么回事儿，另外，还有几个超级好用的精准选择器，比如类选择器（点”.”就能用）、ID选择器（用#来表示ID号）和属性选择器（就是带[]那个）等等。有了它们，你可以准确无误地找到要改变样式的元素，就像改成页面上所有 class叫做”box”的东西都是灰色背景那样，都在我这篇教程里面哟~
.box {
p {
color: blue;
}
background-color: grey;
只要选好各种工具，再灵活运用，网站设计就能随心所欲，让人眼前一亮了！
总结与展望
看完这篇文章，发现css上的”*”和”~”选号真的太神奇！用它们修改网页元素的样式超轻松，实在是简单实用
.box {
background-color: yellow;
}
别对通配符太过痴迷，否则可能会拖慢工作效率。牢记，真正搞项目时，多试试各种样式选择器才是王道，这样才能既精准又轻松地掌控样式~
评论0