问目标:生成类的第一种类型
EN

Stack Overflow用户

提问于 2022-06-20 09:06:53

回答 1查看 44关注 0票数 1

我正在按日期获取事件列表，并试图根据事件日期创建css类。date类的格式为

css

css-selectors

回答 1

Stack Overflow用户

发布于 2022-06-20 09:29:04

:first-of-type首先在元素类型上工作，但是如果你稍微改变一下你的标记，编写一些额外的CSS就可以了。

[data-date^="01"] + [data-date^="01"],
[data-date^="02"] + [data-date^="02"],
[data-date^="03"] + [data-date^="03"],
[data-date^="04"] + [data-date^="04"],
[data-date^="05"] + [data-date^="05"],
[data-date^="06"] + [data-date^="06"],
[data-date^="07"] + [data-date^="07"],
[data-date^="08"] + [data-date^="08"],
[data-date^="09"] + [data-date^="09"],
[data-date^="10"] + [data-date^="10"],
[data-date^="11"] + [data-date^="11"],
[data-date^="12"] + [data-date^="12"],
[data-date^="13"] + [data-date^="13"],
[data-date^="14"] + [data-date^="14"],
[data-date^="15"] + [data-date^="15"],
[data-date^="16"] + [data-date^="16"],
[data-date^="17"] + [data-date^="17"],
[data-date^="18"] + [data-date^="18"],
[data-date^="19"] + [data-date^="19"],
[data-date^="20"] + [data-date^="20"],
[data-date^="21"] + [data-date^="21"],
[data-date^="22"] + [data-date^="22"],
[data-date^="23"] + [data-date^="23"],
[data-date^="24"] + [data-date^="24"],
[data-date^="25"] + [data-date^="25"],
[data-date^="26"] + [data-date^="26"],
[data-date^="27"] + [data-date^="27"],
[data-date^="28"] + [data-date^="28"],
[data-date^="29"] + [data-date^="29"],
[data-date^="30"] + [data-date^="30"],
[data-date^="31"] + [data-date^="31"] {
  display: none;
}

<div class="event" data-date="20062022">
 <div>title 20 06 2022 (first)</div>
</div>
<div class="event" data-date="20062022">
 <div>title 20 06 2022</div>
</div>
<div class="event" data-date="21062022">
 <div>title 21 06 2022 (first)</div>
</div>
<div class="event" data-date="21062022">
 <div>title 21 06 2022</div>
</div>
<div class="event" data-date="21062022">
 <div>title 21 06 2022</div>
</div>
<div class="event" data-date="22062022">
 <div>title 22 06 2022 (first)</div>
</div>
<div class="event" data-date="22062022">
 <div>title 22 06 2022</div>
</div>
<div class="event" data-date="23062022">
 <div>title 23 06 2022 (first)</div>
</div>

注意:如果您的事件没有30天的精确分隔，这是可行的，因为它通过检查连续的等日(而不是月份)来工作。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72684645

复制

相似问题

问目标:生成类的第一种类型
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问目标:生成类的第一种类型EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问目标:生成类的第一种类型
EN