haizlin / fe-interview

前端面试每日 3+1,以面试题来驱动学习,提倡每日学习与思考,每天进步一点!每天早上5点纯手工发布面试题(死磕自己,愉悦大家),6000+道前端面试题全面覆盖,HTML/CSS/JavaScript/Vue/React/Nodejs/TypeScript/ECMAScritpt/Webpack/Jquery/小程序/软技能……

Home Page:http://www.h-camel.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[css] 第194天 你最希望css拥有什么样的特性?(目前没有的)

haizhilin2013 opened this issue · comments

第194天 你最希望css拥有什么样的特性?(目前没有的)

自定义css变量的animation和transition支持

父类选择器吧,:focus-within 在 focus 时能修改父类样式,
如果默认就能修改父类样式那就太棒了。

:nth-letter 选择器
:nth-of-class 选择器
:has 选择器(似乎快了)

以及如果能实现这些我就不需要sass了:

ul {
  counter-reset: lis;
}

ul li{
  counter-increment: lis;
  /* counter 可以用计算 */
  width: calc(lis * 200px);
  /* attr 可以用于计算 */
  height: calc(attr(data-height) * 1rem);
  /* attr 可以用于字符串拼接 */
  background-image: url("/images/" attr(data-type) ".png");
}