html - "a[href*=#]:not([href=#])"代码是什么意思?

标签 html css css-selectors

我没看明白这段代码是什么意思?

a[href*=#]:not([href=#])

谢谢!

最佳答案

简单地:

a[href*=#] 

获取 href 中包含 # 的所有 anchor (a)。

但是有:

:not([href=#])

排除 href 完全等于 # 的 anchor 。

例子:

<a href="#step1">yes</a>
<a href="page.php#step2">yes</a>
<a href="#">no</a> 

选择器获取前两个 anchor ,但排除最后一个。

更多详情可以咨询attribute selectors chapter

关于html - "a[href*=#]:not([href=#])"代码是什么意思?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20947529/

相关文章:

javascript - 样式战斧上传文件组件

html - 无法让html元素在同一行

html - IE 与 Chrome 中的高度差异 (CSS)

html - :last-child effects all img tags

用于显示后代的 CSS 选择器无法正常工作

html - 当标记更改时,使用第 nth-type-of(1) 选择第一个实例的 CSS 选择器失败

javascript - 单击按钮时页面以 Web 表单 .aspx 文件刷新?

javascript - 如何?没有重复的数组和值用完时的文本

css - 自定义 Bootstrap 4 中的轮播指示器

css - 尝试制作一个在悬停时增长的 CSS 按钮,文本保持相同大小