首页 > web前端 > css教程 > 正文

CSS 选择器可以根据元素的内部 HTML 来定位元素吗?

DDD
发布: 2024-11-09 01:30:01
原创
911 人浏览过

Can CSS Selectors Target Elements Based on Their Inner HTML?

根据 CSS 中的内部 HTML 选择元素

问题:

我们如何使用CSS 选择器根据内部 HTML 定位元素?具体来说,考虑以下 HTML:

<a href="example1.com">innerHTML1</a>
<a href="example2.com">innerHTML2</a>
<a href="example3.com">innerHTML3</a>
登录后复制

是否可以仅设置第二个 的样式?元素 (innerHTML2) 使用基于内部 HTML 的 CSS 选择器?

答案:

不幸的是,不可能仅使用 CSS 来基于其内部 HTML 定位元素。 a[value=innerHTML2] 中的 value 属性不引用锚标记的内部 HTML。

替代方案:

如果您希望基于以下内容设置元素样式他们的内部 HTML,您可以考虑使用 JavaScript 框架,如 jQuery。这是一个 jQuery 选择器,可以定位第二个 。元素:

$('a:contains("innerHTML2")')
登录后复制

以上是CSS 选择器可以根据元素的内部 HTML 来定位元素吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板