最新要闻
- 鼻炎患者要注意了!今年花粉高峰期来得猛又早:将持续数月
- 中消协等倡议推广小份菜、半份菜:鼓励线上点餐推出“菜量自动提醒”功能
- 焦点速读:《流浪地球2》上映51天票房破40亿 豆瓣评分又涨了!导演自曝第三部
- AMD技术岗最高头衔!DX10/11发明人、皓龙处理器之父等升任企业院士
- 世界滚动:这还是中国乒乓球吗?王牌选手接连倒下,对手赢球后开心改签机票
- 欧盟约法三章:苹果无法对iPhone 15 USB-C加密来限制充电速度
- 每日快报!董明珠称很烦吹捧她的员工:不敢讲真话 没法信任
- 环球滚动:高尔夫球“名场面”或消失!剧版《最后生还者2》将修改原作剧情
- 马来西亚原装进口:猫山王榴莲雪糕4.9元/支四折发车
- 焦点讯息:联想YOGA Pro系列升级:新机全系标配32GB内存+1TB存储
- 环球今亮点!清华博士回应送外卖:不是炒作 曾创业欠下了百万元债务
- 环球今热点:299元 雷神X3电竞路由器上架:512MB内存 可253台设备同时连
- 即时看!比亚迪又拿大单:英国公司订购5000辆元Plus EV 价格比国内贵了一倍
- 全球热点!最强消费级PCIe 5.0 SSD有多强!技嘉大雕510K 2TB评测:顺序读写破10GB/s、4K超100MB/s
- 全球热门:博雅互动(00434.HK)将于3月23日举行董事会会议以审批全年业绩
- 世界消息!官方:着力解决自媒体内容失真问题、清除违规吸粉
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
每日快播:Yus框架之nl子级管控指令
语法1
.nl-className.nl-[class1_class2_class3]
实例1
- 子
- 级
- 管
- 控
运行效果1
详细解释1
1、nl-class1 nl-class2,即给子元素添加class1 class2样式。
2、nl-[class1 class2 class3],需要一次添加多个样式时,可以使用方括号框将它们起来;另外,如果需要us-h-50 uc-c-f00这样的yus样式作用到子级元素,也需要使用方括号框起来。
3、nl-[class1_class2_class3],上一条中 class2 前后都有空格,这将会被浏览器判断为一个样式,作用在子级的同时,也会对父级产生影响。如果只希望影响子级元素时,可以用下划线来代替空格,即可解决问题。
(资料图)
语法2
.nl-className-dom.nl-[class1_class2_class3]-dom
实例2
- 子
- 级
- 管
- 控
运行效果2
详细解释2
1、与实例1的效果相同,但是代码更简洁了一些,由于某些伪道学所提倡的那样,在html页面中不要写太多style css代码,看起来不好看。
2、利用nl-[class1 class2 class3]-dom指令,可以将庞杂的代码统一放在页面最底部,这样就可以在上面看class名称,到下面去找class对应的样式了,更加便于阅读理解;当然了,多数编辑器或脚手架按ctrl键,点击样式名称时,可以直接定位到对应的css文件中去,那样其实也挺方便的。
3、当然,我们也可以利用yus框架的《include指令》,将这些样式包含在另外一个页面中,只是需要注意的是yus的include指令是异步的,所以如果有相关的js代码也要放在include页面中,以免产生错误。
4、代码中的 hidden 是 yus《内置样式》,前面加一个感叹号,表式强制模式,毕竟这一部分是不希望显示在页面中的,其实可以在页面中放置一个隐藏区域,将所有这些都放在里面。
5、注:include功能已完善,语法是这样审儿滴:
语法3
.nl-className-筛选器.nl-[class1_class2_class3]-筛选器
实例3
- 子
- 级
- 管
- 控
运行效果3
详细解释3
1、解释就不解释了,放一个表格自行体会吧。
NL指令说明
项目 | 描述 |
nl | 声明子级管制指令 |
className [样式集] | className:一般情况下,给子级元素添加一个样式名称直接写 className 即可,如果赋多个样式,最好使用方括号 [ ] 框起来。 [样式集]:需要说明的是,方括号 [ ] 中间的样式集,两个样式之间的空格,最好用下划线 “_” 代替;短横线 “-” 在必要的情况下,可以使用竖线“|”代替。因为,我们的目的是给其它元素添加样式,而不是将这些样式作用于自身,如:nl-[b red ac]-tag,由于使用了空格,中间的 red 样式就会对当前元素生效。 |
dom | 可选项 dom为空,样式集直接作用于当前对象的子元素。 dom不为空,dom代表目标对象名称,样式集作用于dom对象的子级。 |
筛选器 | 可选项 odd:当前对象奇数子元素。 even:偶数子元素。 number:第一个子元素1,第二个2,以此类推。 3n:每3个元素间隔。 3n+2:从第2个子元素开始,每3个元素间隔。 |
.clear | 在子级元素中添加clear类,可以清除nl-指令的效果。 |
关键词:
-
每日快播:Yus框架之nl子级管控指令
语法1 nl-className nl-[class1_class2_class3]实例1<ulclass="nl-[acwhiteinlineus-w,h,lh-50
来源: 即时看!第129篇:JS模块化开发
每日快播:Yus框架之nl子级管控指令
鼻炎患者要注意了!今年花粉高峰期来得猛又早:将持续数月
中消协等倡议推广小份菜、半份菜:鼓励线上点餐推出“菜量自动提醒”功能
焦点速读:《流浪地球2》上映51天票房破40亿 豆瓣评分又涨了!导演自曝第三部
AMD技术岗最高头衔!DX10/11发明人、皓龙处理器之父等升任企业院士
22-23(2)第2次线上赛
【打怪升级】【rocketMq】rocket的持久化
Linux进程与线程的基本概念及区别
天天消息!k8s单节点改为高可用和更新证书
世界滚动:这还是中国乒乓球吗?王牌选手接连倒下,对手赢球后开心改签机票
欧盟约法三章:苹果无法对iPhone 15 USB-C加密来限制充电速度
每日快报!董明珠称很烦吹捧她的员工:不敢讲真话 没法信任
环球滚动:高尔夫球“名场面”或消失!剧版《最后生还者2》将修改原作剧情
马来西亚原装进口:猫山王榴莲雪糕4.9元/支四折发车
焦点讯息:联想YOGA Pro系列升级:新机全系标配32GB内存+1TB存储
环球今亮点!清华博士回应送外卖:不是炒作 曾创业欠下了百万元债务
环球今热点:299元 雷神X3电竞路由器上架:512MB内存 可253台设备同时连
即时看!比亚迪又拿大单:英国公司订购5000辆元Plus EV 价格比国内贵了一倍
全球热点!最强消费级PCIe 5.0 SSD有多强!技嘉大雕510K 2TB评测:顺序读写破10GB/s、4K超100MB/s
全球速讯:使用symbolicatecrash工具符号化Crash日志
环球速看:开心档之HTML 属性
全球热门:博雅互动(00434.HK)将于3月23日举行董事会会议以审批全年业绩
世界消息!官方:着力解决自媒体内容失真问题、清除违规吸粉
董明珠称批评人很快乐:帮助对方成长
不受支持的PC强行升级Win11 烦人的水印又回来了 微软回应
快看:PPT既视感!电视剧《狂飙》更换新片头:曾被指抄袭网飞纪录片
天天最资讯丨哈佛大学研究:体力劳动更多的男性生育能力更强
当前热点-网站https 问题记录
出道即封神的ChatGPT,现在怎么样了?
IntelliJ IDEA使用教程——不使用maven管理下导入jar包
每日精选:使用Docker搭建MinIO集群服务
CommonsBeanUtils1反序列化分析
全球快资讯:董明珠:如果员工经常在我面前拍马屁 我就开除他
当前关注:网店因商品拆封拒绝七天无理由退货:最终被罚4万元
焦点!全村停电 男子用比亚迪DM-i给自家全屋供电 邻居:为啥就他家有电?
丫丫伙食新添胡萝卜:但它没碰
天天快讯:剧版《最后生还者》顺利收官:M站评分达84分
CommonsCollections4反序列化分析
环球视讯!前端开发爬虫首选puppeteer
聚焦:subtotal函数的作用_SUBTOTAL函数的用法
环球观天下!中国移动涨停 市值2.1万亿创历史新高 挑战A股第一贵州茅台
今日聚焦!亲肤0刺激 润本婴儿驱蚊喷雾大瓶9.9(超市39.9)
天天视讯!高蛋白低脂美味!舌里减脂鸡胸肉5袋到手12.9元
头条焦点:净利润翻倍 宁德时代在补什么课?
最新资讯:卖事故车被判退一赔三!车主:特斯拉让我赔代步车50万租金
环球消息!【数字化运营】PagerDuty平台与上海道宁帮助您的数字基础设施中自动化、编排和加速响应
LocalDateTime应用比较日期
玩家不用担心 分析师称微软收购动视暴雪只会伤害索尼
全球观焦点:游客吐槽25元看海洋馆就几个鱼缸:现场和家里客厅一样大
环球百事通!樱桃推出KW 9200 MINI超薄键盘:剪刀脚按键、三模连接
全球快资讯丨雅阁车主第一次坐比亚迪汉 自侃像是土包子进城 信仰崩塌
焦点讯息:美国公示丫丫回国相关申请:快回家了!
全球观速讯丨二进制安全——缓冲区溢出
每日看点!数组指针&一维数组&二维数组ve
【环球时快讯】面试官:如何在千万级数据中查询 10W 的数据,都有什么方案?
网络安全(中职组)-B模块:压缩包破解
全球快资讯:Rancher 管理 Kubernetes 集群
李想:L7、L8、L9是世界上最安全的车 副驾坐的是我老婆
天天快报!美版《西游记》定档!阵容强大:奥斯卡影后杨紫琼饰观音、吴彦祖演美猴王
日本原装进口!雀巢金牌速溶黑咖啡大促 28.9元到手
Android 14不再允许“杀后台”!一键加速App别装了
上汽投资成立股权投资合伙企业 出资额5亿
环球快资讯丨解惑:教你在 Arch Linux 终端上更改 WiFi 密码
教程|在矩池云使用 Stable Diffusion web UI v1.5 模型和 ControlNet 插件
【环球新要闻】应聘软件测试 HR 会问到哪些问题?收藏这一篇就够了!
Nebius Welcome Round (Div. 1 + Div. 2)
环球快讯:火山引擎 DataTester:一个 A/B 测试,将一款游戏的核心收益提升了 8%
环球最资讯丨华擎Intel显卡集体降价 最多20%:RTX 3060瞬间不香了
容声冰箱质量怎么样?容声冰箱怎么调温?
oracle是什么软件?oracle怎么创建表空间?
bios是什么意思?如何刷主板bios?
苹果手表可以连接安卓手机吗?苹果手表怎么配对新的手机?
empty来显示暂无数据简直太好用,阻止用户复制文本user-select
raw格式怎么打开?raw格式怎么转换jpg?
【快播报】《瞬息全宇宙》七项大奖横扫奥斯卡!杨紫琼获封奥斯卡影后:亚洲首位
新一代Y9000P来了!联想拯救者2023生态新品发布会官宣
环球短讯!小红书后台删用户照片遭系统拦截?官方回应:只是清理临时缓存
仅隔17天 中国火箭又一次成功为海外客户发射荷鲁斯2号卫星
【世界时快讯】749元 一加Buds Pro 2轻享版无线耳机开售:48dB深度降噪
今热点:Spring Boot 分片上传、断点续传、大文件上传、秒传,应有尽有,建议收藏!!
全球信息:Ai翻译还是挺香的
限时促销,火山引擎 ByteHouse 为企业带来一波数智升级福利!
方舟里面风神翼龙怎么抓_方舟生存进化风神翼龙怎么抓 具体抓捕方法介绍
每日速递:豆瓣7.9分 《阿凡达:水之道》电影拿下奥斯卡最佳视效奖:实至名归
当前速看:iPad Pro 2024要大涨价:比MacBook Pro还贵
每日视讯:美佛州海滩清出近两吨死鱼:民众直呼“辣眼睛”
全球即时:上班一周不用充电 比油车少花70元!哪吒S用车成本秒杀燃油车
创时速435公里纪录 CR450型动车组首台车涂装完成 顺利交付
【全球热闻】架构师日记-软件高可用实践那些事儿
使用 VS 2019 将 c# 生成 DLL 动态链接库文件
环球头条:获亚洲电影大奖最佳男主角 刘嘉玲给梁朝伟颁奖
全球信息:腾讯前端最高级别专家!T13技术大佬黄希彤被曝遭裁员
环球微头条丨老人推倒摩托案车主回应带货遭网暴:清者自清
男子称花了2999元网购iPhone 13 Pro却收到过保XR:商家已联系不到
今日播报!老人把7万养老钱埋树下找不着 掘地三尺才找回 专家不建议埋
全球热讯:NAT 穿透原理浅浅说 ---转发
前端设计模式——职责链模式
世界微速讯:郑州车辆限行违章怎么处罚_郑州机动车限行
环球快资讯:知名安全公司Acronis被攻击 黑客:他们技术渣 只是羞辱一下