一、CSS选择器有哪些
CSS中的选择器很多，比如：ID选择器，类选择器，通配符选择器，伪类选择器等等，接下来主要介绍常用的几个。
1.标签选择器
语法：标签名{}，eg：h1{}//为所有的h1元素设置样式。
2.ID选择器
语法：#id名{}//id值唯一不能重复,eg:#top{}//为id为top的元素设置样式。
3.类选择器
语法：.class{},eg：.box{}//为所有的class值为box的元素设置样式。
4.组选择器
语法：选择器1，选择器2，选择器N{},eg:#box1,.box2,p{}//为id为box1，class为box2和p的元素共同设置样式。
5、通配符选择器
语法：*{}，eg：*{font-size：16px}//将整个页面字体大小设为16px。
6.后代选择器
语法：选择器1选择器2{}，eg：p.aa{}//选中指定祖先元素p的指定后代.aa。
7.子元素选择器
语法：父元素>子元素{},eg：p>.box{}//选中父元素p的指定子元素.box。注意与后代元素选择器的区别
8.伪类选择器
伪类可以用来表示一些特殊的状态,如：
：link-未访问过的超链接。
：visited-已访问过的超链接。
：hover-鼠标经过的元素。
：active-正在点击的元素。
eg：a:hover{color:red}//鼠标经过a标签时，颜色变为红色。
二、CSS选择器的优先级顺序
当同一属性的不同值都作用到了同一个元素时，如果定义的属性之间有冲突，那么应该用谁的值的，这个时候就涉及到CSS的优先级顺序了。
1.在属性后面使用!important会覆盖页面内任何位置定义的元素样式。
2.作为style属性写在元素内的内部样式
3.id选择器
4.类选择器
5.标签选择器
6.通配符选择器
7.浏览器自定义或继承的
内联、外部没有太大的关系重点是选择器的优先级，优先级别高的会覆盖级别低的不同的样式会叠加，如果是同一种样式，则会覆盖同一级优先级级别的选择器，后者高于前者（在网页中的位置）
内联是指CSS样式写在当前html文件里面的样式；如：<html> <head> <style> .test{color:red;} </style> </head> <body> <div class="test></div> </body></html><style></style>标签部分样式属于内联方式，内联还有一种称为行内样式的方式，即直接写在html标签内部，如：<p style="color:red;"></p>外联是指css单独写在一个后缀名为.css的样式文件中，然后在html文件中用<link>标签引入，如引入一个index.css文件，代码如下：<link rel="stylesheet" href="index.css" />href是文件的路径及名称。
答案是星星选择标签。
因为星号选择器的定义是用于选择html中的所有标签，在一个页面中我们都会选择去掉html所有标签的默认样式，然后根据自己的需求添加样式，这个时候就需要使用*选择标签。
另外一个*选择标签也可以搭配到其他的标签进行使用，用来选择表示某个父元素下面的所有子元素标签。
版权说明：Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有
免费热线：400-683-0016
扫二维码关注公众号
当前位置：