微信小程序开发框架——WXSS的概念和基础用法

WXSS的选择器概念：1.class只是选择器的一种。

            2.在view标签直接用id标识的选择器。

            3.element选择器可以在样式文件写入、页面上元素对应的标签名、就可以选择页面上的一些元素对它进行样式的定义。

            4.::after和::before是更在选择器后面进行声明的，::after在view组件后边插入内容和样式、::before在view组件前边插入内容和样式，如图：

    什么是选择器？

        选择器就是选择你想要元素的样式的一个模式。选择器的优先级：指的是分配给指定的wxss选择器声明的一个权重，这个权重是更具选择器的类型来决定的，不同的选择器的类型

    有不同的权重值，通过权重值来选择应用哪个选择器模式。

    
    选择器的优先级: 1.element元素标签选择器对应的权重是"1"。

            2.一个元素的class选择器(.element)对应的权重是"10"。

            3.一个元素的id选择器(#element)对应的权重是"100"。

            4.标签里的内联style属性，可以理解一个选择器(style)对应的权重是"1000"。

            5.!important不算作选择器，它只是一个选择器的提升，对应的权重是"无穷高的"，如图：

    

    ***当我们在一个样式中声明一个!important规则时、这个规则会覆盖其它任何的声明。!important会破坏我们样式表中固有的样式规则，什么情况向我们会使用!important、

    ***小程序的插件功能，可以把小程序的功能起来作为插件分享给别人使用、使用别人小程序插件时，想修改插件对应的元素的样式。除了在插件代码里面改，还可以引入插件的外层使用!important、

    ***声明规则来直接修改，如图：

***

    wxss搭配wxml构建页面的基本视图。