gpt4 book ai didi

html - 在 html/css 中显示包括颜色的卡片套装

转载 作者:太空宇宙 更新时间:2023-11-04 00:36:16 24 4
gpt4 key购买 nike

有没有比这样做更简洁(更短)的方式来展示牌套和指定颜色?我做了一些谷歌搜索,但没有找到任何东西。

只是想知道如何让钻石总是红色而不必每次都指定。

(7&spades;-7&clubs;-6<span style="color:#ff0000;">&diams;</span>)

最佳答案

可以在CSS中使用HTML实体,通过data-rank属性传入rank:

.card::before{content:attr(data-rank)}
.spades::after{content:"\2660"}
.hearts::after{content:"\2665";color:red}
.diamonds::after{content:"\2666";color:red}
.clubs::after{content:"\2663"}
<span data-rank="7" class="card spades"></span>
<span data-rank="7" class="card clubs"></span>
<span data-rank="6" class="card diamonds"></span>
<span data-rank="K" class="card hearts"></span>

关于html - 在 html/css 中显示包括颜色的卡片套装,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59348880/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com