盼星星盼月亮,盼了24年,:has() 伪类终于来了,在棘手的性能问题解决之后,这是一个神级CSS伪类,以后一定会在前端领域掀起不小的波澜。
文章关键字 ‘父选择器’
来了,来了,CSS :has()伪类她来了
2022年08月24日,星期三详细了解CSS :focus-within伪类及其交互应用
2018年01月21日,星期日:focus-within
伪类原本设计的作用是原生表单元素focus
时候,祖先<form>
元素可以也有状态变化。
但是在我看来,:focus-within
功能之强悍,远远不是仅仅和祖先<form>
元素玩过家家这么简单。
理论上,只要页面上任意一个元素focus
,通过:focus-within
就能对页面上任意的元素进行样式控制…
从height:100%不支持聊聊CSS中的“死循环”
2016年09月16日,星期五大家应该都知道,如果元素没有格式化的高度值,子元素的height百分比高度是不起作用的,常见的就是height:100%无效,而宽度就没有此问题,所以,新人经常会提出的一个问题是:“为何我的div设置了height:100%却没有效果?”
不知道大家有没有思考过这样一个问题。
然后,有同行就提出了这么一个看似很合理的解释,就是,“假如父元素height:auto且没有其他格式化高度,子元素支持height:100%,则很可能会出现高度死循环”。
看似合理,实际上这种解释是表面的,错误的……
如何在CSS中实现父选择器效果?
2016年08月7日,星期日虽然说至今尚无浏览器支持原生的父选择器效果,但是,我们是可以通过其他手段来实现父选择器效果的,虽说不是100%完全,但是,一般的项目需求都是可以满足的,如何实现呢?如果用一句话解释原理就是“把兄弟元素作为祖先元素使用”……
本文其他地方是看不到的哟~~