selenium css 高级语法 

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>

 

posted @ 2021-06-27 17:44  大熊童鞋  阅读(123)  评论(0)  编辑  收藏  举报