我们继续来讲下页面对象的定位方法，本文主要讲css_selector的定位方法。那么讲css_selector其实和xpath一样，因为很多时候我们要定位的页面对象会没有id、name、class等属性，甚至也无法通过link text的方法定位，所以我们就需要用到css_selector，css_selector对于所有的对象定位都是适用的！1、find_element_by_css_selectorcss_selector定位其实和xpath是类似的，只是写法有一些差异而已，它也有绝对路径和相对路径的定位方法。

import React, {useState} from 'react';
import './NavBar.css';

const NavBar = () => {
    const [isOpen, setIsOpen]  = useState(false);
    const toggleNavbar = () => {
        setIsOpen(!isOpen);
    };


  return (
    <nav className={`navbar ${isOpen ? 'open' : ''}`}>
        <div className='nav-container'>
            <h1>LOGO</h1>
            <div className='menu-icon' onClick={toggleNavbar}>
                <div className={`bar ${isOpen ? 'open' : ''}`}></div>
                <div className={`bar ${isOpen ? 'open' : ''}`}></div>
                <div className={`bar ${isOpen ? 'open' : ''}`}></div>
            </div>

            <ul className={`nav-links ${isOpen ? 'open' : ''}`}>
                <li>Home</li>
                <li>About</li>
                <li>Services</li>
                <li>Contact Us</li>
            </ul>
        </div>
    </nav>
  )
}

export default NavBar;

0×00 背景

话说搞安全的大佬们都非常忙，自己在一步一步成长中无暇顾及其他琐碎的事情，比如让猎头注意到各位大佬。如何让猎头和大厂注意到自己呢？第一、提高自己在整个行业的曝光度；第二、定时刷新自己的简历；还有第三，第四等等，各位发挥脑洞。针对第一点，很多大佬各有自己的办法，但是针对第二点其实我们有全自动化的解决方案，可以为自己相对地节约点时间。今天就带来自己动手打造工具系列之自动刷新简历。