选择器的优化使用

选择器的优化使用

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：DW/CSS选择器

作者：余智强                                                                                                                       

撰写时间：2019.1.26

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

CSS是网页设计师和前端人员需要了解和学习的一门语言，而选择器的使用就是其中最基础的一项。在页面的设计中需要用到各种选择器，来对HTML中的标签附加样式。若是简单的还好办，直接通过赋予的名称选择到就是。但若是在复杂的HTML布局中，层出不穷的标签的嵌套导致根本没有精力去赋予那么多的名称。这时候我们通常会使用到上下文选择器。也就是如下图：

这是看上去没毛病又是经常用的方法，但浏览器的选择方法是从后也就是从右开始的。也就是并非我们所象的那样是先找到div，再在其中找到p标签，最后再通过类选择器找到名为green的i标签。而是先找到green，再去往上确认，这样无疑就减缓了浏览器运转效率。通过下图方法：

这样就可以既不影响浏览器运转效率，又可以简单的赋予名称。

好了，本文到此结束。内容非常简单。