通过id,class选择元素
|
|
#container |
选择id为container的元素 |
.container |
选择所有class包含container的元素 |
div:not(#content-container) |
选取所有id为非content-container 的div |
元素内部筛选
|
|
div a |
选取所有div下所有a元素 |
ul + p |
选取ul后面的第一个p元素 |
ul ~p |
选取与ul相邻的所有p元素 |
dd:nth-child(7) |
选择dd标签下的第7个子标签 |
通过属性值筛选
|
|
a[title] |
选取所有拥有title属性的a元素 |
a[href=”csdn.net”] |
选取所有href属性为csdn.net的a元素 |
a[href*=”.com”] |
选取所有href属性值中包含.com的a元素 |
a[href^=”https://”] |
选取所有href属性值中以https://开头的a元素 |
取值
|
|
div::text |
选取div标签包住的值 |
a::attr(href) |
选取a标签中的属性值 |
参考
w3cschool CSS 选择器参考手册:https://www.w3school.com.cn/cssref/css_selectors.asp
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)