摘要：出现效果的只有第一个标签一个这是在后面的这是在后面的之前是选择的标签，是关键字，当鼠标放上去的时候，样式会被触发，否则就是选择的标签原来的样式。也可以接一些选择器，让其只作用于选择的内容。
做项目遇到了一个css的问题，想记录一下，然后开通了思否
一、常用的
1、.classname
2、#id
3、*
4、标签选择器 {div} 、 {span}等 ，选择了页面全部的div、span等
二、进阶的
1、{ div, p,span}同时选择选择所有的div、p、span
2、{div p}选择所有的 div里面 (不包含div)的所有的p标签，不论是不是子一级还是子n级
3、{div>p}选择所有父级元素为div的所有的p标签，不会发生穿透的现象只会在父元素与子一级之间
4、{div+p}选择div元素后面出现的第一个p标签。出现效果的只有第一个P标签
一个divz这是在div后面的
这是在div后面的
5、{div:hover 、div>p:hover}“：”之前是选择的标签，”hover“是关键字，当鼠标放上去的时候，样式会被触发，否则就是选择的标签原来的样式。hover也可以接一些选择器，让其只作用于选择的内容。（hover简单的理解为就是选择器上面的选择器中间的一个关键词，然后有鼠标进入与离开事件）
6、{关键词: focus}一般作用于input或者textarea的文本输入框中，当点击的进入的时候触发样式
7、{关键字：first-letter}作用于选择元素的第一个文字
8、{关键字：first-line}作用于选择元素的第一行内容
9、{关键字：first-child}选择的是前面选择元素的第一个所有的元素
10、{关键字：before}在选择的元素前面加上内容，使用的时候必须设置content属性。
好吧 暂时这样，继续写项目
11、
12、
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/117441.html
摘要：最基本的选择器是元素选择器比如选择器比如还有类选择器比如。选择器和类选择器在速度上的差异基本上没有关系。现在我们回到讨论开始的地方，哪类选择器是最高效的哪个是会影响选择器效率的关键选择器写代码的时候，关键选择器是能否高效的决定因素。 高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在工作之时，所感兴趣的，关注已久的话题。 有很多人都忘记了，或在简单的说没有意识...
摘要：最基本的选择器是元素选择器比如选择器比如还有类选择器比如。选择器和类选择器在速度上的差异基本上没有关系。现在我们回到讨论开始的地方，哪类选择器是最高效的哪个是会影响选择器效率的关键选择器写代码的时候，关键选择器是能否高效的决定因素。 高效的CSS已经不是一个新的话题了，也不是我一个非得重拾的话题，但它却是我在工作之时，所感兴趣的，关注已久的话题。 有很多人都忘记了，或在简单的说没有意识...
摘要：不要在编写规则时用标签名或类名不要在编写规则时用标签名把多层标签选择规则用规则替换，减少查找避免使用子选择器后代选择器在中是最昂贵的选择器。如果你关心页面性能的话，他们真不该被使用扩展阅读前端面试题选择器前端面试题优先级 一、CSS选择符 CSS选择符由一些初始化参数组成，这些参数指明了要应用这个CSS规则的页面元素。 作为一个网站的前端开发工程师，应该避免编写一些常见的开销很大的CS...
摘要：不要在编写规则时用标签名或类名不要在编写规则时用标签名把多层标签选择规则用规则替换，减少查找避免使用子选择器后代选择器在中是最昂贵的选择器。如果你关心页面性能的话，他们真不该被使用扩展阅读前端面试题选择器前端面试题优先级 一、CSS选择符 CSS选择符由一些初始化参数组成，这些参数指明了要应用这个CSS规则的页面元素。 作为一个网站的前端开发工程师，应该避免编写一些常见的开销很大的CS...
阅读 1211·2023-04-26 00:47
阅读 3566·2021-11-16 11:53
阅读 792·2021-10-08 10:05
阅读 2735·2021-09-22 15:19
阅读 2979·2019-08-30 15:55
阅读 2751·2019-08-29 16:55
阅读 2917·2019-08-29 15:20
阅读 1106·2019-08-23 16:13
