举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > 什么时候使用混合溶剂 5-1. 何时使用混合器

什么时候使用混合溶剂 5-1. 何时使用混合器

2023-05-10 17:18 Sass教程

什么时候使用混合溶剂 5-1. 何时使用混合器

什么时候使用混合溶剂 5-1. 何时使用混合器

什么时候使用混合溶剂

利用混合器,可以很容易地在样式表的不同地方共享样式。如果你发现自己在不停地重复一段样式,那就应该把这段样式构造成优良的混合器,尤其是这段样式本身就是一个逻辑单元,比如说是一组放在一起有意义的属性。

判断一组属性是否应该组合成一个混合器,一条经验法则就是你能否为这个混合器想出一个好的名字。如果你能找到一个很好的短名字来描述这些属性修饰的样式,比如rounded-cornersfancy-font或者no-bullets,那么往往能够构造一个合适的混合器。如果你找不到,这时候构造一个混合器可能并不合适。

混合器在某些方面跟css类很像。都是让你给一大段样式命名,所以在选择使用哪个的时候可能会产生疑惑。最重要的区别就是类名是在html文件中应用的,而混合器是在样式表中应用的。这就意味着类名具有语义化含义,而不仅仅是一种展示性的描述:用来描述html元素的含义而不是html元素的外观。而另一方面,混合器是展示性的描述,用来描述一条css规则应用之后会产生怎样的效果。

在之前的例子中,.notice是一个有语义的类名。如果一个html元素有一个notice的类名,就表明了这个html元素的用途:向用户展示提醒信息。rounded-corners混合器是展示性的,它描述了包含它的css规则最终的视觉样式,尤其是边框角的视觉样式。混合器和类配合使用写出整洁的htmlcss,因为使用语义化的类名亦可以帮你避免重复使用混合器。为了保持你的htmlcss的易读性和可维护性,在写样式的过程中一定要铭记二者的区别。

有时候仅仅把属性放在混合器中还远远不够,可喜的是,sass同样允许你把css规则放在混合器中。

阅读全文
以上是编程学为你收集整理的什么时候使用混合溶剂 5-1. 何时使用混合器全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  • css 嵌套 2. 嵌套CSS 规则

    css 嵌套 2. 嵌套CSS 规则

    2023-05-01 Sass教程

    css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时,往往需要一遍又一遍地写同一个ID:#content article h...

  • sas 扩展 Sass 扩展

    sas 扩展 Sass 扩展

    2023-06-23 Sass教程

    您可以扩展Sass的功能,为用户提供不同类型的功能和自定义。要使用这些功能,用户应该有Ruby的知识。定义自定义Sass函数您可以在...

  • sas 扩展 Sass CSS扩展

    sas 扩展 Sass CSS扩展

    2023-04-03 Sass教程

    在本章中,我们将学习 CSS扩展。CSS扩展可以用于增强网页的功能。下表列出了SASS中使用的一些CSS扩展:序号CSS扩展和描述1 嵌套规...

  • sass定义变量 Sass 定义Mixin

    sass定义变量 Sass 定义Mixin

    2023-06-03 Sass教程

    描述 @mixin 指令用于定义mixin,它可选地包括mixin名称后面的变量和参数。例子以下示例演示如何在SCSS文件中使用 @mixin :sampl...

  • sass命令 Sass @-规则和指令

    sass命令 Sass @-规则和指令

    2023-06-07 Sass教程

    下表列出了您可以在SASS中使用的所有规则和指令。序号指令和描述1@import 它导入SASS或SCSS文件,它直接获取要导入的文件名。2@m...

© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部