form.less及相关less都是干了些什么

本文探讨了Less CSS预处理器中选择器的使用技巧,包括选择器的嵌套、串联及相邻选择器的概念。同时介绍了如何利用Less CSS模块进行样式标准化,并详细解析了表单元素的样式定义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

事实上,注释都说的很清楚了。

选择器相互嵌套可以看成是一个新的选择器是吗?

有的类没有单独工作的时候,和别的类组合才有意义。真的是一个基类,然后想样式再另外加类。这是一种思想。不,是这个类的后代加上什么类,后代选择器。有嵌套的是一种。

有的类定义成为其他类的后代,用的时候也是一样。真的是类组了啊。

串联选择器,&的位置。&在前外边的在前,&在后,外面的在后。

  • 定义一个样式类,就是一个class名+样式
  • 定义样式类的嵌套,就是一个类+后代选择器样式组
  • 定义样式类与其他类或属性选择器的串联,就是串联选择器样式组。

相邻选择器,我后面的元素,是什么样式。不影响我。相邻选择器作用的,不同样式加上,相同样式覆盖。废话,样式要看哪一个元素上都有什么样式产生作用。

还好,less模块有关系的并不是太多。看懂他们不算是太难。

有些样式类,和属性选择器组合写的,你一放上去,样式就有了。
样式类与属性选择器的串联组合也是一种思想啊。我之前只会硬class名。一阶只用class,那么二阶呢?

mixins/less提供了三个混合样式。

  1. 标准化了非控件元素的样式(fieldset,legend,label)。每个元素定义了一些样式。

  2. 标准化表单控件元素的样式。各种类型的input,各种属性的select,output,

  3. 定义.form-control样式类,它说可以用于select,textarea,还有14种input。

  4. ios的搜索input样式

  5. ios的input的特殊样式
  6. 定义.form-group样式类。用户组织垂直的表单
  7. 单选复选框类的样式。定义的类与类的组合有:.radio;.checkbox;.radio-inline;.checkbox-inline;等。有些类名是用在什么元素行的,注释也说了。
  8. 定义.form-control-static类,是静态控件文本,用于p元素上,让文本水平位置上和label对齐??
  9. 定义控件尺寸的类,四个.input-sm,.input-lg,.form-group-sm,.form-group-lg
  10. 定义表单反馈状态的一些类,.has-feedback,form-control-feedback类,三个颜色,等。
  11. 定义帮助文本类.help-block
  12. 定义内联表单类.inline-block
  13. 定义水平表单类.form-horizontal
  14. 验证状态的一个组合类
  15. 表单组的尺寸,两个类.form-group-lg与.form-group-sm。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值