使用 CSS position 属性 对元素进行定位
定义和用法
position 属性规定元素的定位类型。
浏览器支持
所有主流浏览器都支持 position 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。
说明
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
可能的值
实例
定位 h2 元素:
h2{
position:absolute
left:100px
top:150px
}
css样式给li。1.文字居中定义文字居中始终是要的,所以首先给予ul外层div一个text-align(文本对齐:居中),还可以给一个“溢位:隐藏(overflow: hidden)”,当然也可以定义一下高和宽。
2.ul定义ul不能定义宽度,我们只能给一个定位,类型为相对(position: relative),置入左为50%(left: 50%),当然也可以给一个浮动。请注意,ul千万不能用溢位:隐藏(overflow: hidden),这样,部分li就无法显示。
3.li定义li的定义跟ul差不多,宽度不固定,同样给一个定位,类型为相对(position: relative),置入右为50%(right: 50%),恰恰和ul相反,这样定义后li就可以无论分页多少始终居中了。
<ulstyle="max-height:230pxoverflow-y:auto"class="dropdown-menuinnerselectpicker"role="menu">
\t<liclass=""rel="0"><atabindex="0"class=""style=""><spanclass="text">PleaseChoose</span></a></li>
\t<liclass=""rel="1"><atabindex="0"class=""style=""><spanclass="text">QQQQ</span></a></li>
\t<liclass=""rel="2"><atabindex="0"class=""style=""><spanclass="text">PPPP</span></a></li>
\t<liclass=""rel="3"><atabindex="0"class=""style=""><spanclass="text">abc</span></a></li>
\t<liclass=""rel="4"><atabindex="0"class=""style=""><spanclass="text">aaaaaaaa</span></a></li>
</ul>
选择最后一个元素
driver.findElement(By.xpath("(//ul[@class='dropdown-menuinnerselectpicker']/li)[last()]/a/span[@class='text']")).click()
扩展资料:注意事项
如果页面中有两个<ul><li>...</li></ul>,需要先定位到特定的ul,不然li[last()]会始终选择当前页面的最后一个li。
css之指定带有特点样式的ul下所有li里面的a标签的样式
<styletype="text/css">
ul.aside-hdlia{
color:#B97800
}
.aside-hdlia:HOVER{
color:red
}
</style>
css之指定带有特点样式的ul下所有li里面的a标签的样式。