css伪类选择器分别在前端与python爬虫中的使用

CSS伪类选择器在前端与Python爬虫的应用解析

最新推荐文章于 2022-12-18 18:26:02 发布

ROOOOOOM

最新推荐文章于 2022-12-18 18:26:02 发布

阅读量498

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_41228218/article/details/95666458

python爬虫同时被 3 个专栏收录

48 篇文章 ¥9.90 ¥99.00

订阅专栏

Data acquisition reference

52 篇文章

订阅专栏

WEB/network front end

40 篇文章

订阅专栏

本文介绍了CSS伪类选择器在前端中的应用，如链接的四种状态：未访问的`a:link`，已访问的`a:visited`，鼠标悬停的`a:hover`和活动状态的`a:active`。同时，阐述了在Python爬虫中，如何利用DOM解析库PyQuery结合CSS伪类选择器进行网页元素的选择和解析。

css伪类选择器在前端中的使用:

伪类选择器：LoVe HAte
- 只有a标签符合爱恨原则(四个伪要按照顺序写)
  - a:link 没有被访问的L
  - a:visited 访问过后的V
  - a:hover 鼠标悬停的时候H
  - a:active 摁住的时候A

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
		/*爱恨准则 LoVe HAte*/
		/*没有被访问的a标签的颜色*/
		a:link{
			color: green;
		}
		/*访问过后的a标签的颜色*/
		a:visited{
			color: yellow;
		}
		/*鼠标悬停的时候a标签的颜色*/
		a:hover{
			color: red;
		}
		/*鼠标摁住的时候a标签的样式*/
		a:active{
			color: blue;
		}
		/*其他标签也可以用伪类选择器,但不遵守爱恨准则*/
		span:hover{
			color: red;
			font-size: 24px;
			text-decoration: underline;
		}

	</style>
</head>
<body&g

了解本专栏