我创建了一个内容模板，用户可以在其中创建多个卡片/盒子。它运行良好，但如果用户只创建一个盒子，我想更改 css。我尝试使用 getList()?size 但它不起作用。知道如何证明大小是否为 1 吗？
<div id="my-cards">
<#list boxen.getSiblings() as box>
<#assign i = box.getList()?size>
<#if i==1>
<p>There is one box</p>
</#if>
<!-- Card-->
<div class="card-box mb-3">
<!-- Image-->
<div class="card-pic">
<#if box.image.getData() != "">
<img src="${box.image.getData()}" />
</#if>
</div>
<!-- Content-->
<div class="card-box-content">
<#if box.headline.getData() != "">
<h2 class="title">${box.headline.getData()}</h2>
</#if>
<#if box.content.getData() != "">
<p class="description">${box.content.getData()}</p>
</#if>
<div class="card-box-footer">
<br />
</div>
</div>
</#list>
</div>
谷歌 recaptcha 的两个版本（V2、V3）均设置第三方 cookie。您可能知道 Chrome 将在 2024 年阻止第三方 cookie 的使用。届时 recaptcha 会起作用吗？还是必须更改用户端的实现？
提前致谢
有没有办法监听特定键的值变化？使用下面给出的代码，每当本地存储发生变化时，我都会收到一个窗口警报，它运行良好，但我正在寻找仅针对键：“数据”添加事件侦听器。
<body>
<button onClick="setData1()">Set 1</button>
<button onClick="setData2()">Set 2</button>
<button onClick="clearData()">Clear</button>
</body>
</html>
<script>
window.addEventListener('storage', function(e) {
alert('Woohoo, someone changed my localstorage!');
});
function setData1(){
console.log('SET');
localStorage.setItem('Data', '1');
}
function setData2(){
console.log('SET');
localStorage.setItem('Data', '2');
}
function clearData(){
console.log('CLEAR');
localStorage.clear()
}
</script>