css选择器有几种

听你说的头头是道，这些选择器我当年也摸爬滚打过来的。

记得刚入行那会儿，做活动页面，老板说快，把所有红色文字改成绿色。
我当时就懵了，想半天，最后用了标签选择器 p{color:green;}。
你看，简单粗暴，一下子全改了。
不过后来发现，页面上红色文字太多了，一改，好多没用的也改了，有点麻烦。
那时候年轻啊，也不懂优化。

再说ID选择器，这个我真不敢乱讲。
以前在一个大项目中，有个傻蛋把几个按钮的ID都写成 btn，结果样式全混一起了，按钮都没反应。
调试了好久，最后发现是ID冲突。
所以ID必须唯一，这点我碰过坑，印象深刻。

类选择器我倒是常用。
比如去年做那个电商网站，商品列表里好多元素要同一样式，我全用 .product-item 类名，方便管理。
多个元素共享一个类名，灵活得很。

属性选择器也挺有用的。
前年有个动态新闻网站，要根据链接地址筛选文章。
我用了 [href^="https://news.com"]，只选中了以这个域名开头的链接，其他不管，精准得很。
不过用多了，代码看着就乱，得小心。

后代选择器我常用在布局里。
比如 header > nav > ul > li，一层层选下去，直接选中导航栏里的菜单项。
不过嵌套太深了，我一般不干，容易出问题。

通配符选择器，我倒是用过。
刚接手一个乱七八糟的老项目，样式全乱，我就用 { margin: 0; padding: 0; } 先全局重置一下，然后再慢慢整理。
不过确实要慎用，不然影响性能。

总的来说，选择器就那么几种，关键看你怎么用。
标签选全局，ID选唯一的，类选复用的，属性选灵活的。
场景不同，选法也不同。
你慢慢琢磨吧，我这点经验，够你参考参考了。

css选择器的种类

CSS选择器分几类。

全称选择器，直接选元素名，比如body。

子元素选择器，选父元素的直子，比如body>p。

后代选择器，选父元素的所有后代，比如body。

属性选择器，看元素属性，比如input[type="text"]。

值选择器，看属性值，比如input[type="text"][value="example"]。

ID选择器，按唯一ID找，比如header。

类选择器，按CSS类找，比如.container。

群组选择器，选多个，比如p,h1 ,h2
伪类选择器，看状态，比如:hover（鼠标悬停时）。

伪元素选择器，选元素部分，比如::before（元素前加内容）。

子代选择器，选父直接子，比如ul>li。

邻接选择器，选紧邻元素，比如p+h1
通用选择器，全选，比如。

选对选择器，样式才准。

css选择器种类

这就是坑。
别信。
别这么干。

css选择器有哪些常见类型

CSS选择器，简单说就是找元素的。
主要有这几种：
1 . 元素选择器：直接用标签名，比如p找所有段落。
2 . 类选择器：用点开头，比如.highlight找所有有这个类的元素。
3 . ID选择器：用井号开头，比如header找唯一ID的元素。
4 . 属性选择器：根据属性值找，比如[type="text"]找所有type是"text"的输入框。
5 . 后代选择器：比如div p，找div内的所有p，不管嵌套多深。
6 . 子元素选择器：ul > li，只找ul的直接子li。
7 . 相邻兄弟选择器：h1 + p，找h1 后面的第一个p。
8 . 通用兄弟选择器：h1 ~ p，找h1 后面的所有同级p。
9 . 伪类选择器：比如:hover，找鼠标悬停的元素。
1 0. 伪元素选择器：比如::before，在元素前插入内容。
1 1 . 通配符选择器：，找所有元素，常用于重置样式。

记住，用得多了可能会影响网页速度，所以得会挑着用。