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

仅当存在2个类时,才能使用CSS定位元素吗?

公良骁
2023-03-14
问题内容

您可能已经知道,元素上可能有多个类,这些类之间用空格隔开。

<div class="content main"></div>

而使用CSS则可以div使用.content或来定位.main。当 且仅当 两个类都存在时 ,才有 办法将其定位吗?

<div class="content main">I want this div</div>
<div class="content">I don't care about this one</div>
<div class="main">I don't want this</div>

我将使用哪个CSS选择器获得第一个选择器div(假设我无法使用.content:first-child或类似的选择器)?


问题答案:

是的,只需串联它们:.content.main

但是请注意,Internet Explorer 6之前的版本不支持多个类选择器,而仅使用上一个类名。



 类似资料:
  • 有史以来最奇怪的事情是:我从一个模块运行一个程序,该模块调用另一个模块的一些函数。问题是,相同的代码在使用基本函数时可以完美运行,但第三个函数只有在unittest类内部使用时才会失败,消息如下: NoSuchElementException:消息:没有这样的元素:无法定位元素:{“方法”:“xpath”,“选择器”:”//*[@id=“app_skeleton”]/tbody/tr[6]/td/

  • 问题内容: 使用条件注释,可以使用特定于浏览器的CSS规则轻松定位Internet Explorer: 有时,行为不当的是Gecko引擎(Firefox)。 什么是将CSS规则仅定位到Firefox而不是其他浏览器的最佳方式? 也就是说,Internet Explorer不仅应该忽略仅Firefox的规则,而且WebKit和Opera也应该忽略它们。 注意: 我正在寻找一种“干净”的解决方案。在我

  • 问题内容: 我在这里做错了什么? 我有一个 ,但在第一个上我想在顶部填充零,在第二个上我想没有底部边框。 我尝试为此首先和最后创建类,但我认为在某处错了: 和HTML 我猜不可能有两个不同的课程吗?如果可以,我该怎么做? 问题答案: 如果要在一个元素上使用两个类,请按以下方式进行操作: 像这样在css中引用它:

  • 我刚开始学习Selenium,需要使用云中的jenkins机器验证登录网页,该机器没有GUI。我成功地在有UI的系统上运行了脚本。然而,当我将脚本修改为运行headless时,它无法表示无法定位元素。我的脚本如下: 当不使用chrome_options时,python脚本在我的系统上运行良好。但是在将它们添加到无头模式下运行时,它会失败,输出如下: 由于我对Selenium有大约一天的学习时间,我

  • 我试图找到标签元素并用一些值填充它,但我无法得到它。我使用、和来编写以下代码。 我使用的代码如下 运筹学 这是我检查元素时收到的元素的详细信息。

  • 问题内容: 我有2张桌子- : 第二张桌子- : 我只需要选择未取消的预订(在此示例中仅为ID 3)。我可以轻松地选择带有简单条件的已取消,但由于未在此处取消工作,因此我在努力避免未取消。 问题答案: 要么: 第一个版本更直观,但是我认为第二个版本通常可以获得更好的性能(假设您在联接中使用的列上有索引)。 第二个版本有效,因为返回第一个表中所有行的一行。当条件成功,这些行会包括从第二表中的列,就像