#d1{
display:none
}
#d1:target{
display:block
}
<style>
<a href="#d1"></a>
<div id="d1">
</div>
以此类推 在div中添加想要显示的元素，增加a标志和div就行
css选择一个元素下的2中同级元素，我们首先还是需要获取到这个元素，可以通过给这个元素一个id或者是class来做，选择同级子元素，一般设置的都是相同的css样式，所以，在同级子元素的选取中css是通过一个','来隔开元素名，然后其他的还是一样的书写css样式，请看代码：<html>
<head>
<style>
#div1{
width:600px
height:40px
font-size:13px
}
#div1 p,span{ //通过一个‘,’实现对2个同级子元素的选取
display:block
width:300px
height:30px
text-align:center
margin:0 auto
}
</head>
<body>
<div id='div1'>
<p>我是测试文字</p>
<span>我是测试文字1</span>
</div>
</body>
</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标签的样式。
