Bootstrap4 css中的:root 是什么意思?
web Bootstrap4 2020-04-21 3063 0
关于本站

“最难不过坚持”

本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

7267262 2650 39
最新评论
https://jueru.net/
评 留言
:weixiao:
评 留言
:shuijiao: :weiqu: :zhenbang: :leng:
评 留言
:yiwen: :yiwen: :yiwen: :yiwen:
评 EasySass: could not generate CSS file. See Output panel for details.
这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多
ThinkPHP (254)
Mysql (58)
DedeCms (33)
jQuery (67)
证件照 (1)
setInc (4)
setDec (4)
onclick (5)
打开边栏(ESC) 关闭边栏(ESC)

定义的颜色部分是相同的

--blue: #007bff;和--primary: #007bff;<br>
	--red: #dc3545;和--danger: #dc3545;<br>
	--yellow: #ffc107;和--warning: #ffc107;<br>
	--green: #28a745;和--success: #28a745;<br>
	--cyan: #17a2b8;和--info: #17a2b8;<br>
	--gray: #6c757d;和--secondary: #6c757d;<br>
	--gray-dark: #343a40;和--dark: #343a40;<br>


如图:

from clipboard

首先说使用方法:

background: var(--pink);
color: var(--pink);

2,CSS var() 函数定义与用法

var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法就很有用。
支持版本:CSS3
示例1

/* 定义一个名为 "--main-bg-color" 的属性,然后使用 var() 函数调用该属性:*/
:root {
  --main-bg-color: coral;
} 
#div1 {
  background-color: var(--main-bg-color);
} 
#div2 {
  background-color: var(--main-bg-color);
}
示例2
:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
} 
#div1 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
} 
#div2 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}

示例3:

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
} 

示例3:


:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
} 

版权声明:本篇文章来源于网络。 来源链接

相关推荐
Bootstrap4中popper.min.js的作用
Bootstrap4 | 2020-05-27 13759
popper.min.js 用于设置弹窗、提示、下拉菜单,是第三方插件,目前 bootstrap.bundle.min.js 已经包含了 popper.min.js。 <script src="bootstrap-4.4.1/js/popper.min.js" ></script> <script s...
Bootstrap4 .ml-auto元素居右.mr-auto元素居左
Bootstrap4 | 2019-11-25 8357
Bootstrap4 导航栏元素居右 Bootstrap 4正解: .ml-auto元素居右 .mr-auto元素居左
评论:0条
评论加载中...
发表评论