Bootstrap4 css中的:root 是什么意思?

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

:weixiao:: 评留言

文章标签更多

ThinkPHP (247)

Mysql (55)

DedeCms (33)

jQuery (60)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

Bootstrap4 var

打开边栏(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中怎样实现1行5列

后一篇

Bootstrap4中dl dt dd排版dd下面多一点空白

相关推荐

Bootstrap4中popper.min.js的作用

Bootstrap4 | 2020-05-27 11499

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 6744

Bootstrap4 导航栏元素居右 Bootstrap 4正解： .ml-auto元素居右 .mr-auto元素居左