你也许不知道,CSS 也有编程能力?

  1. 云栖社区>
  2. 博客>
  3. 正文

你也许不知道,CSS 也有编程能力?

初商南 2019-08-05 23:41:35 浏览169
展开阅读全文

image.png

原文作者:Jeremy Keith
译者:UC 国际研发 Jothy


如今编程界有一种令人担忧的趋势——那些 “真正的” 程序员对 CSS 嗤之以鼻。 他们指出,这只是一种声明性语言,而不是一种功能齐全的编程语言。 啧啧啧,它甚至不是一种脚本语言。

这可能是实话,但这并不意味着 CSS 不强大。 它的强大体现在与传统语言不同的地方。

以 CSS 选择器为例。 在最基本的层面上,它们像条件语句一样工作。 这是一个标准的 if 语句:

image.png

条件需要求值为 true 才能执行花括号中的代码。 听起来有点熟?

image.png

这是一个非常简单的映射,但如果条件语句更复杂怎么办?

image.png

那么,这就是后代选择器的作用:

image.png

实际上,通过使用子组合器,兄弟组合器和相邻的兄弟组合器,我们可以得到更具体的信息:

condition1 > condition2

condition1 ~ c

网友评论

登录后评论
0/500
评论
初商南
+ 关注