日期: 2022-09-21 01:28:33 浏览数:3

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
黑龙江省牡丹江国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名

从上一页我们了解到,可以在整个文档中访问/使用全局变量,而局部变量只能在声明它的选择器内使用。
请看上一页中的例子:
:root {
--blue: #1e90ff;
--white: #ffffff;}body {
background-color: var(--blue);}h2 {
border-bottom: 2px solid var(--blue);}.container {
color: var(--blue);
background-color: var(--white);
padding: 15px;}button {
background-color: var(--white);
color: var(--blue);
border: 1px solid var(--blue);
padding: 5px;}有时,我们希望变量仅在页面的特定部分中进行更改。
假设我们想要按钮元素使用不同的蓝色。那么,我们可以在 button 选择器内重新声明 --blue 变量。当我们在这个选择器中使用 var(--blue) 时,它将使用此处声明的局部 --blue 变量值。
我们看到局部的 --blue 变量会覆盖 button 元素的全局 --blue 变量:
:root {
--blue: #1e90ff;
--white: #ffffff;}body {
background-color: var(--blue);}h2 {
border-bottom: 2px solid var(--blue);}.container {
color: var(--blue);
background-color: var(--white);
padding: 15px;}button {
--blue: #0000ff;
background-color: var(--white);
color: var(--blue);
border: 1px solid var(--blue);
padding: 5px;}如果只在一个地方使用一个变量,我们也可以声明一个新的局部变量,就像这样:
:root {
--blue: #1e90ff;
--white: #ffffff;}body {
background-color: var(--blue);}h2 {
border-bottom: 2px solid var(--blue);}.container {
color: var(--blue);
background-color: var(--white);
padding: 15px;}button {
--button-blue: #0000ff;
background-color: var(--white);
color: var(--button-blue);
border: 1px solid var(--button-blue);
padding: 5px;}表格中的数字注明了完全支持该属性的首个浏览器版本。
黑龙江省牡丹江国际英文域名注册/中文国内域名申请/企业域名服务器空间备案-企业域名
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)