当前位置: 首页 > 面试题库 >

如何使用CSS中具有任何值的属性来定位元素?

解浩渺
2023-03-14
问题内容

我知道我可以定位CSS中具有 特定 属性的元素,例如:

input[type=text]
{
    font-family: Consolas;
}

但是,是否可以将具有任何值属性的元素作为目标(除了什么都没有,即当尚未将属性添加到元素时)?

大致类似:

a[rel=*]
{
    color: red;
}

哪个应定位<a>此HTML中的第一个和第三个标记:

<a href="#" rel="eg">red text</a>
<a href="#">standard text</a>
<a href="#" rel="more">red text again</a>

我认为这是可能的,因为默认情况下,cursor: pointer似乎将其应用于<a>具有其href属性值的任何标签


问题答案:

以下内容将匹配rel定义了属性的所有锚标记:

a[rel]
{
    color: red;
}

更新: 要解决上述@vsync场景,在注释部分(区分为空值/非空值),可以合并CSS :not 伪类

a[rel]:not([rel=""])
{
    color: red;
}


 类似资料:
  • 问题内容: 我试图通过将所有参数元素为type_id =“ 4218”的所有“ ”元素从URL解析XML文件? XML文件: 这是我的Java代码: 这段代码给了我所有元素,我不想要,我想要属性type_id =“ 4218”的所有元素! 问题答案: XPath是您的正确选择: 并遍历

  • 问题内容: 我需要从具有如下属性的web元素中选择任何元素: 我可以通过Web浏览器手动完成此操作,但是我需要通过Python中的Selenium进行操作。不幸的是,当我有以下代码时: 抛出带有以下信息的异常: 信息: ‘’ 异常的类型是 如何实现此元素的交互?在这种情况下,如何选择任何元素? 提前致谢。 问题答案: 使用来设置元件的显示特性,然后使用硒,用于选择所需的值。 下面的代码应该为您工作

  • 我正在尝试使用Javascript选择此复选框 下面的代码可以工作,但并不理想 我试过这些 但它们并不起作用。有什么想法能让这件事成功吗? 数据值未硬编码的更新代码

  • 问题内容: 是否有CSS方法可以按类选择看起来像这样的元素? 像空类声明的选择器一样? 问题答案: 您可以在此处使用具有空类值的element-attribute选择器 演示版 注意:您可以将替换为必填元素

  • 问题内容: 我需要获取所有CSS属性的元素列表。我怎样才能做到这一点 ? 问题答案: 从SO1004475复制源-jQueryCSS插件可返回元素的计算样式以伪克隆该元素?-如果您觉得有用,请点击链接并在那里进行评论。 看起来很荒谬,但这可能是您最好的选择- 不带任何参数的情况下,使用所有这些东西设置对象。 请注意,这不会捕获所有可能的CSS属性,尤其是CSS3的新属性。这是一个所有标准的CSS和

  • 问题内容: 假设我使用以下命令通过XPath找到了一个元素: 我知道我可以通过获取特定CSS属性的值,但是可以获取所有属性的值而不必明确提及其名称吗? 问题答案: 原生Selenium API无法做到这一点。 但是,使用Javascript您可以: 您可以使用Seleniums的功能使用一些javascript支持。 必要的js代码可在找到(由@Mahsum Akbas提出) 现在,这里是Java