class 属性可以为元素应用一个或者多个 CSS 样式类。
利用此属性可以与指定的 CSS 样式类关联起来,以此达到设置元素样式的功能。
可以这样理解,比如一个页面上的所有按钮,都想做成同样的样式,那么是不是要在每个按钮上写同样的 css 样式呢?
那能不能在 css 文件中,定义好一种样式,然后应用到每个按钮上。要想使用这个样式的按钮,直接在 class 属性中加上这个样式的类名就可以了。
按照上面的说法,class 属性表示一类的样式,应用在多个元素上,那么唯一性就要注意了。
看下面这个 span 元素,其中class="bg s_ipt_wr quickdelete-wrap"
,注意一下其中的空格,空格在这里的作用是分割多个类名的。这个 class 属性有两个空格,那么的代表这个 class 属性中包含了 3 个类名。
<span id="s_kw_wrap" class="bg s_ipt_wr quickdelete-wrap"></span>
使用 WebDriver 中的 class_name 定位方式的话,就只能使用其中一个。
driver.find_element_by_class_name("bg")` ✅
driver.find_element_by_class_name("bg s_ipt_wr quickdelete-wrap")` ❌
对 class_name 的唯一性验证,同样在 console 中借助 JavaScript 代码:
document.getElementsByClassName("bg")
网友评论