ppython
from selenium import webdriver
driver = webdriver.Chrome()
driver.implicitly_wait(5)
driver.get("file:///D:/study_seleinum/day3/test.html")
# 用这个方法去定位元素，在里边传入我们写好的css选择器，就可以用selenium定位元素
ele=driver.find_element_by_css_selector("#abc")
print(ele.text)
-----------------------------------------------------------------------------
text.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/* 在 css 中,以# 定义id选择器*/
#abc{
color:red;
background:blue
}
/*在css当中，以 . 来定义class选择器 */
.abk{
color:chocolate
}
/*标签选择器，标签选择器，选中同类型的所有html标签*/
a{
color:blue
}
/*标签选择器可以和 class 选择器结合起来使用*/
p.abq{
font-size: 20px;
}
/*分组选择器，以 逗号 来定义，可以将多个选择器组合起来，选中一组标签*/
p, a {
background: yellow;
color: red;
}
/*属性选择器，以[]来定义，选中具有特定属性的HTML元素*/
[title="opq"] {
color: red;
}
/*属性选择器，可以不为属性指定值*/
[rel] {
font-size: 50px;
}
/*还可以为属性指定标签类型*/
span[rel]{
font-size: 20px;
}
</style>
</head>
<body>
<p id="abc">不论昨晚经历了怎样的忧伤</p>
<p id="abk">睡一觉醒来依然有明媚阳光</p>
<p class="abk">穿最喜欢的衣服化最精致的妆</p>
<p class="abk abq">女人要气质悠扬活得漂亮</p>
<a>自己的人生无需凭借谁的光</a>
<br>
<span>不做谁的公主做霸气的女王</span>
<br>
<span title="opq">一辈子不长活出想要的模样</span>
<br>
<p rel="ds">就算无人欣赏也为自己鼓掌</p>
<br>
<p rel="ax">姐就是女王</p>
<span rel="ax">姐就是女王</span>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------------
text2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*在css当中，有四种组合选择符：*/
/* 后代选择器，以空格分隔*/
/* 子元素选择器，以大于号分隔*/
/* 相邻兄弟选择器，以加号分隔*/
/* 后续兄弟选择器，以小波浪线分隔*/
/* 后代选择器，用于选取某元素所有的后代元素*/
/*下方选择器，选择 所有在div标签之内的所以li标签，不论层级关系是多少*/
div li{
color:red
}
/*下方选择器，选择 所有在div标签之内的所有li标签且li标签的class属性为 ab1*/
div li.ab1{
font-size:20px
}
/*子元素选择器，选择其父元素下的直接子元素，（只有儿子才能选择*/
div > li {
background: yellow;
}
/*相邻兄弟选择器，选择紧挨在某元素之后的一个元素，且二者拥有相同的父元素*/
#abc + li {
color: red;
}
/*后续兄弟选择器，选择某元素之后的所有弟弟元素，且二者有相同的父元素*/
#abc ~ li {
background: aqua;
}
/*下标选择器，选择 id属性为ab1的标签下的第三个标签，并且标签的类型是li*/
#ab1 > li:nth-child(3) {
color: blueviolet;
}
/*nth-last-child(n) 倒数第几个标签*/
#ab1 > li:nth-last-child(1) {
background: red;
}
/*first-child 第一个标签*/
/*last-child 第二个标签*/
</style>
</head>
<body>
<div>
<ul>
<li>
宁国府
<ul>
<li>贾代化</li>
<li>假名</li>
</ul>
</li>
<li>
荣国府
<ul>
<li class="ab1">假设</li>
<li>家政</li>
</ul>
</li>
</ul>
<li>
造衅开端实在宁
</li>
</div>
<ol>
<li>贾琏</li>
<li id="abc">迎春</li>
<li>探春</li>
<li>贾宝玉</li>
<li>贾环</li>
</ol>
<ol id="ab1">
<li>贾琏</li>
<a>王熙凤</a>
<li>迎春</li>
<li>探春</li>
<li>贾宝玉</li>
<li>贾环</li>
</ol>
</body>
</html>