怎么编写高效的CSS选择符 - 行业资讯 - 肥雀云

介绍

这篇文章将为大家详细讲解有关怎么编写高效的CSS选择符,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

首先看一小段CSS代码:

# menus 祝辞,li {,字体大小:14 px;,}

怎么编写高效的CSS选择符“> 可能大家都会猜想浏览器会使从左到右匹配上面的规则,我们会想象浏览器先找到唯一的id为菜单的元素,然后把样式应用到其直系子元素李元素上。这看起来好像还挺高效的。 但是,事实上,CSS选择符是从右到左进行匹配的,所以,上面的这条规则并不高效、浏览器必需遍历页面上的每个李元素并确定其父元素的id是否为菜单。 样式系统从最右边的选择符开始向左匹配规则。只有当前选择符的左边还有其他的选择符,样式系统就会继续向左移动,直到找到和规则匹配的元素,或者因为不匹配而退出。 编写高效的CSS选择符有以下常用规则: <img src= css的基本语法是什么

css的基本语法是:1,css规则由选择器和一条或多条声明两个部分构成;2,选择器通常是需要改变样式的HTML元素;3,每条声明由一个属性和一个值组成;4,属性和属性值被冒号分隔开。

关于“怎么编写高效的css选择符”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。