一、css not
在css中，“:not”是选择器的一种，如果希望某个样式不作用到选择器上，可以使用:not(选择器），语法格式为“ 元素:not(元素id){属性:属性值;}”；该选择器匹配非指定元素/选择器的每个元素。
二、last-of-type
:last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。
三、两者结合的应用场景
image.png
多个div之间的 margin 值，最后一个不要margin值
在css中，“:not”是选择器的一种，如果希望某个样式不作用到选择器上，可以使用:not(选择器），语法格式为“ 元素:not(元素id){属性:属性值;}”；该选择器匹配非指定元素/选择器的每个元素。
:last-of-type 选择器匹配属于其父元素的特定类型的最后一个子元素的每个元素。
image.png
多个div之间的 margin 值，最后一个不要margin值
CSS技巧 解决css样式污染方案 命名约定 BEM命名规范 使用CSS Modules css实现新手引导效果 ...
Flex布局使用 CSS技巧相关
CSS的推荐工具 LESS CSS一种简化、功能更多的 CSS 语言 SASS一种简化、功能更多的 CSS 语言（...
CSS性能优化的技巧 1、内联首屏关键CSS 将CSS直接内联到HTML中能使CSS更快速地下载。而使用外部CSS...
1、浮动的小技巧 HTML： CSS：
今天的小技巧是使用纯 CSS 生成火焰，逼真一点的火焰。 嗯，长什么样子？在 CodePen 上输入关键字CSS ...
less css / sass 简化的css语言 postcss 一种css处理程序。 三个引用css方式 1.内...
CSS揭秘实用技巧总结 不止于 CSS 灵活运用CSS开发技巧 前端基础篇之CSS世界 你未必知道的49个CSS知...
CSS命名规范 CSS基础知识 CSS优化技巧 CSS的继承关系 CSS的选择器关系介绍
整理场景的css 灵活运用CSS开发技巧 1、使用 text-align-last 对齐两端文本代码 ...
本文标题：css 简化,CSS小技巧：使用:not(:last-of-ty
本文链接：https://www.haomeiwen.com/subject/mqxabrtx.html
网友评论