-
用法：不（）应用/取消菜单上的应用程序边界
首先向每个菜单项添加边框
CSS代码将内容复制到剪贴板。
添加边框
导航李{
边境：1px solid # 666；
}
hellip；hellip；然后删除最后一个元素
CSS代码将内容复制到剪贴板。
删除边界
最后一个孩子
边界权：无；
}
hellip；hellip；可以直接使用：不（）伪类应用元：
CSS代码将内容复制到剪贴板。
不：（最后一个孩子）{
边境：1px solid # 666；
}
代码简洁，易于阅读，易于理解。
当然，如果新元素有一个同级元素，也可以使用通用兄弟选择器（~）：
CSS代码将内容复制到剪贴板。
第一个孩子~李{
左边界：1px solid # 666；
}
增加车身高度
你不必把线的高度分别加到每一个上：
CSS代码将内容复制到剪贴板。
{体
线高度：1；
}
这样的文本元素可以很容易地从身体继承。
所有的东西都垂直于中间。
把所有的元素垂直放置在中间是太简单了。
CSS代码将内容复制到剪贴板。
HTML，体{
身高：100%；
保证金：0；
}
{体
WebKit项目：中心对齐；
-女士对齐：中心；
对齐项目：中心；
显示：WebKit的Flex；
显示：flex；
}
看，这不是很简单。
注：在flexbox IE 11小心。
逗号分隔的列表
让HTML列表项看起来像一个实实在在的逗号分隔的列表：
CSS代码将内容复制到剪贴板。
不：（最后一个孩子）：{
内容：
}
使用最后一个列表项：非（）伪类。
使用负n个子项目
使用负n个子条目将CSS中的项1选择为n。
CSS代码将内容复制到剪贴板。
{李
显示：无；
}
选择项目1到3，并*显示它们
李：第n个子（- n + 3）{
显示块；
}
太容易了。
使用SVG图标
我们没有理由使用SVG图标：
CSS代码将内容复制到剪贴板。
{。罗
背景：URL（）；
}
SVG具有所有分辨率类型具有良好的可扩展性，并支持所有浏览器回到IE9。这可以让你避免，PNG，JPG，GIF文件或。
优化显示文本
有时，字体无法在所有设备上实现最佳显示，所以您可以让设备浏览器帮助您：
CSS代码将内容复制到剪贴板。
{ HTML
-moz OSX字体平滑：灰度；
WebKit的抗锯齿字体平滑；
文本渲染：optimizelegibility；
}
注意：请使用optimizelegibility负责。此外，IE /边缘没有文字渲染支持。
使用纯CSS滑块的最大高度
使用最大高度和溢出隐藏来实现只使用CSS的滑块：
CSS代码将内容复制到剪贴板。
滑块
马克斯身高：0；
中：隐藏；
}
滑块：悬停UL
马克斯身高：1000px；
转换；
}
继承盒尺寸
让盒子大小调整继承HTML：
CSS代码将内容复制到剪贴板。
{ HTML
盒尺寸：边框框；
}
*，*：以前，*：{后
盒尺寸：继承；
}
这可以更容易地改变插件中其他组件的框大小，或利用其他行为。
表格单元格的宽度
工作台很麻烦，所以一定要利用表格布局：固定以保持单元格宽度：
CSS代码将内容复制到剪贴板。
{。日历
表布局：固定；
}
各种黑客外距离Flexbox
当柱分离的需要，你可以摆脱黑客n，第一，最后孩子通过产权flexbox之间的空间：
CSS代码将内容复制到剪贴板。
{。列表
显示：flex；
合理的内容：空间之间；
}
list.person {。
Flex基础：23%；
}
现在，列表分隔符将以一致的间隔出现。
为空链接使用属性选择器
当元素不具有文本值，链接显示链接的href属性时，有一个链接：
CSS代码将内容复制到剪贴板。
一个{ href ^ =http}：：：{空之前
内容：attr（链接）；
}
很方便。