css-handbook

css-handbook copied to clipboard

以下这段代码在Android 4.3 下没有任何效果，三星手机实测 ``` css input:focus ~ .test{ background-color: red } ``` Note: 我是看了这个链接里面描述的 “:checked与兄弟选择符一起使用的bug” 得到启发的 https://github.com/doyoe/trip#user-content-checked-sibling-bug

gehuangyi20

缺少这些表单元素 css3 伪类

2

[:indeterminate](https://developer.mozilla.org/en-US/docs/Web/CSS/:indeterminate) [:required](https://developer.mozilla.org/en-US/docs/Web/CSS/:required) [:valid](https://developer.mozilla.org/en-US/docs/Web/CSS/:valid) [:invalid](https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid) [:optional](https://developer.mozilla.org/en-US/docs/Web/CSS/:optional) [:in-range](https://developer.mozilla.org/en-US/docs/Web/CSS/:in-range) [:out-of-range](https://developer.mozilla.org/en-US/docs/Web/CSS/:out-of-range)

niceue

添加transform3d效果的示例

2

IrisZhang

::-webkit-scrollbar没有收录

4

`::-webkit-scrollbar`没有收录: 作用：隐藏滚动条

52fhy

说明中 a: 50+(300/4)=200px， 我觉得item a的宽度应该就是其宽度 200px，默认flex-grow 为 0，不参与扩展运算。

xuzhijun

` .test { width: 200px; height: 200px; margin: 50px; padding: 50px; border: 5px solid #ccc; outline: 2px dashed red; background: #fff; } 初春时节，万物复苏，阳光明媚，一场倾倒众生的寻美之旅已在梦境深处缓缓苏醒……一袭芬芳的花香已悄然蔓延全城。美丽女人最好命！做整形，是为自己更加完美！当缺陷让自己备受嘲笑，当丑陋压倒最后的自尊，当工作处处受到排挤，你不得不相信，这个看脸看身材时代，美丽就是好运气！初春时节，万物复苏，阳光明媚，一场倾倒众生的寻美之旅已在梦境深处缓缓苏醒……一袭芬芳的花香已悄然蔓延全城。美丽女人最好命！做整形，是为自己更加完美！当缺陷让自己备受嘲笑，当丑陋压倒最后的自尊，当工作处处受到排挤，你不得不相信，这个看脸看身材时代，美丽就是好运气！ `

itwo123

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

leftjs

刚刚发现一个很有意思的能给文字标注圈点的属性 [text-emphasis](https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-emphasis)，建议写进参考手册。

KrasnayaPloshchad

最近在 MDN 上面发现 font-variant 相关的取值有大幅扩充，建议跟进。 参阅：https://developer.mozilla.org/zh-CN/docs/Web/CSS/font-variant

KrasnayaPloshchad

给 font-feature-settings 写参考手册

2

最近在网上发现一个很有意思的 CSS 属性，叫作 font-feature-settings，可以运用 OpenType 之类的技术控制文本输出的效果。但是我在贵站找不着任何关于这个属性的资料，建议添上有关这个属性的信息。 附上参考资料：https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings

KrasnayaPloshchad