BourbonSass:#{$all-text-inputs}悬停还是焦点?

BourbonSass:#{$all-text-inputs}悬停还是焦点?,第1张

概述根据 Bourbon docs,你可以使用  转变为:#{$all-text-inputs}: #{$all-text-inputs} { border: 1px solid green;} 进入这个: input[type="email"], input[type="number"], input[type="password"], input[type="search"],inpu 根据 Bourbon docs,你可以使用
 转变为:#{$all-text-inputs}:

#{$all-text-inputs} {  border: 1px solID green;}

进入这个:

input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="time"],input[type="week"] {  border: 1px solID green;}

有没有办法用Bourbon或Sass来应用:悬停或:专注于每个?

#{$all-text-inputs:hover}和#{$all-text-inputs}:hover不起作用.

解决方法 您应该能够使用Sass parent selector嵌套:hover和:focus样式:

#{$all-text-inputs} {  border: 1px solID green;  &:hover,&:focus {    // some styles  }}
总结

以上是内存溢出为你收集整理的Bourbon / Sass:#{$all-text-inputs}悬停还是焦点?全部内容,希望文章能够帮你解决Bourbon / Sass:#{$all-text-inputs}悬停还是焦点?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1049132.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存