根据提供的素材内容,这是一个网站(piekarniakrawczyk.pl)的CSS样式设置。该素材包含一段JavaScript代码和一个CSS变量定义。
CSS变量定义为:
:root{--css-test:none;}
这段代码将--css-test
这个CSS变量设置为none
。
JavaScript代码部分:
if(document.cookie.indexOf('variableSupport=') == -1)
{ var element = document.createElement('div'); element.style.display = 'var(--css-test)'; document.head.appendChild(element); var variableSupport = window.getComputedStyle(element).display === 'none'; element.parentNode.removeChild(element); var dexp = new Date(); dexp.setTime(dexp.getTime() + (1*24*60*60*1000)); expires = "expires=" + dexp.toUTCString() + ";"; document.cookie = "variableSupport=true;expires=" + expires + ";path=/;"; }
这段代码首先检查是否存在名为variableSupport
的cookie,如果不存在,则创建一个新的div元素并设置其显示属性为var(--css-test)
,并将这个元素添加到页面头部。然后,它获取该元素的计算样式,检查display
属性是否为none
。如果display
属性为none
,则从文档中移除该元素。接下来,创建一个Date对象,并设置其时间戳为当前时间加上一天。然后,将此日期和时间戳添加到cookie中,并将其过期时间设置为与当前时间相同的时间。最后,将新的cookie添加到文档中。