如何在属性选择器中使用通配符?

Zimmerk 2015-10-15 10:57:35
有一个列表

<li class="post-1"></li>
<li class="post-3"></li>
<li class="post-7"></li>
<li class="post-16"></li>
<li class="post-23"></li>

post- 后面接的是id,可以看到id不是连续的。我想能不能根据不同的ID选择不同的样式呢?

去了解了一下 nth-child ,但这个选择器只能规律选择元素。所以想能不能在属性选择器中使用通配符
li[class="post-*1"] ,但貌似这也不行

不知道大家有什么好的方法吗?
...全文
126 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
slwsss 2015-10-15
  • 打赏
  • 举报
回复
li[class^=post-][class$="3"]{background:red}
Zimmerk 2015-10-15
  • 打赏
  • 举报
回复
引用 1 楼 slwsss 的回复:
li[class^=post-1] li[class=post-1]
你可能误解我的意思了,我希望能根据id最后一个数字选择不同的样式 比如 post-1 post-11 post-21这三个类的样式应该是一样的,post-2 post-22这两个样式也应该是一样的
slwsss 2015-10-15
  • 打赏
  • 举报
回复
li[class^=post-1] li[class=post-1]

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧