新建一个html文件,命名为test.html,用于讲解如何使用css设置表格最后一行的样式 。
步骤2/6
在test.html文件内,使用table标签创建一个表格,用于测试。
步骤3/6
在test.html文件内,设置表格的class属性为mycc。
步骤4/6
在css标签内,通过class设置table的宽度为300px,高度为300px。
步骤5/6
在css标签内,再通过tr和选择器“:last-child”设置表格最后一行的样式,定义它的背景颜色为粉红色,文本颜色为白色。
步骤6/6
在浏览器打开test.html文件,查看实现的效果。
租借号上万账号出租「1元起租」大型专业租号平台
安徽省刀锋网络科技广告查看详情
1、使用table标签创建一个表格,设置表格的class属性为mycc。
2、在css标签内,通过class设置table的宽度为300px,高度为300px。
3、在css标签内,再通过tr和选择器“:last-child”设置表格最后一行的样式,定义它的背景颜色为粉红色,文本颜色为白色。
4、在浏览器打开test.html文件,查看实现的效果
<ul style="max-height: 230pxoverflow-y: auto" class="dropdown-menu inner selectpicker" role="menu">
<li class="" rel="0"><a tabindex="0" class="" style=""><span class="text">Please Choose</span></a></li>
<li class="" rel="1"><a tabindex="0" class="" style=""><span class="text">QQQQ</span></a></li>
<li class="" rel="2"><a tabindex="0" class="" style=""><span class="text">PPPP</span></a></li>
<li class="" rel="3"><a tabindex="0" class="" style=""><span class="text">abc</span></a></li>
<li class="" rel="4"><a tabindex="0" class="" style=""><span class="text">aaaaaaaa</span></a></li>
</ul>
选择最后一个元素
driver.findElement(By.xpath("(//ul[@class='dropdown-menu inner selectpicker']/li)[last()]/a/span[@class='text']")).click()
扩展资料:注意事项
如果页面中有两个<ul><li>...</li></ul>,需要先定位到特定的ul,不然li[last()]会始终选择当前页面的最后一个li。
css之指定带有特点样式的ul下所有li里面的a标签的样式
<style type="text/css">
ul.aside-hd li a{
color:#B97800
}
.aside-hd li a:HOVER {
color:red
}
</style>
css之指定带有特点样式的ul下所有li里面的a标签的样式。