首页 > 其他分享 >By.CSS_SELECTOR 伪类选取器

By.CSS_SELECTOR 伪类选取器

时间:2023-09-27 16:58:58浏览次数:35  
标签:段落 elements 伪类 选取 SELECTOR CSS

 html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS1</title>
</head>
<body>
  <div id='div1'>
       <div id='div2' >
         <P>这是段落1</p>
         <P>这是段落2</p>
           <form >
               <button>登录1</button><br><br>
               账号<input type="text" name="username" id="ls_username" class="pn vm"><br><br>
               密码<input type="text" name="password" id="ls_password" class="pn vm"><br><br>
           </form>
         <p>这是段落3</p>
         <a href="">baidu</a>
       </div>

       <div id='div3'>
           <p>这是段落4</p>
           <button type="button" id="loginbutton">登录</button>
       </div>
  </div>
</body>
</html>

选取器 表达式

 


elements = driver.find_elements(By.CSS_SELECTOR, "#div2>:nth-child(3) input")

选取器 #div2>:nth-child(3) input

 

 

标签:段落,elements,伪类,选取,SELECTOR,CSS
From: https://www.cnblogs.com/haha1988/p/17733088.html

相关文章

  • 使用CSS、HTML、JavaScript实现一个简单的身份验证页
      这是我在博客园的第一篇博客,也是我人生中的第一篇博客。希望它能够记录我的成长,帮助更多的人。  最近在写我们社团的社团网站,有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”,但是又苦于社团网站搭建是纯静态站,没法做数据库,只能妥协,将账号密码字符串......
  • By.CSS_SELECTOR
    #导包fromseleniumimportwebdriverfromselenium.webdriver.common.byimportByfromtimeimportsleepfromselenium.webdriver.support.uiimportWebDriverWaitfromselenium.webdriver.supportimportexpected_conditionsasEC#浏览器驱动driver=webdriver.Ch......
  • CSS: width height
      <!DOCTYPEhtml><htmllang="en-US"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</tit......
  • CSS 入门 - Box Model 盒模型
    CSS入门-BoxModel盒模型网页布局:先学习BoxModel,然后Flexbox/Grid/Float三选一即可搞定网页布局,推荐Flexbox!BOXModel四大属性:Content、Padding、Border、MarginContent:内容Border:边框线padding:内容与边框的距离margin:边框与其他元素的距离margin与padding......
  • 前端显示数据库中的换行文本:HTML和CSS解决方案
    在项目中经常会出现要显示数据库中的大段文本内容,如说明或备注等信息,当其中存储有换行符的时候,前端通常会忽略这个换行,直接在一行显示,那么怎么解决呢?解决方案一:使用HTML<br>标签HTML的<br>标签是一种简单而直观的方法,它可以将文本中的换行符正确地呈现在浏览器中。示例代码......
  • 实现不同屏幕自适应【postcss-px-to-viewport】
    效果图未转换前:转换后:背景平常开发的时候使用px作为样式单位,但是在不同的屏幕尺寸下不能自适应,我们希望项目中所有使用到的px单位都转换成vw单位使用步骤安装npmipostcss-px-to-viewport-D在项目根目录下创建postcss.config.jsmodule.exports={plugins:{......
  • 基于CSS实现回到页面顶部的几种写法(从实现到增强)
    前面整理了一个JS实现回到顶部的功能,但没有给出具体的界面样式,这次从网上找几个好看的参考,自己动手也实现一下,后续打算结合这两篇文章,根据JS和CSS使用油猴来实现一下。效果图如下: 代码如下:<!DOCTYPEhtml><htmllang="cn"><head><metacharset="UTF-8"><title>......
  • vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
    今天使用vscode开发nuxt3项目,发现在vue文件中,emmet提示功能不可用。emmet提示功能,如下图所示:百度、google一阵子,发现是个全球性存在的问题,是vue插件volar导致的vscode自带的emmet提示功能不可用。如果在vscode中不安装vue插件,那么想要在vue文件中启用emmet......
  • XPATH&CSS规则
    css定位规则 css定位示例 xpath定位规则  xpath定位示例 ......
  • 01-React-组件-CSS模块化
    CssModule(推荐)React的脚手架已经内置了cssmodules的配置:.css/.less/.scss等样式文件都修改成.module.css/.module.less/.module.scss等;在以前我们的文件是这样的index.css如果使用了CSS的模块化之后,在之前的文件的基础上在加上.module即可,如,index.module.cs......