CSS入门十：伪元素选择器

最新推荐文章于 2024-07-11 18:05:14 发布

小懒羊爱吃草

最新推荐文章于 2024-07-11 18:05:14 发布

阅读量918

点赞数 1

分类专栏：（2）HTML&CSS（网页搭建与JavaWeb基础）

本文链接：https://blog.csdn.net/csucsgoat/article/details/111464684

版权

4.::first-line：选择指定选择器的首行

5.::first-letter：选择文本的第一个字符

1.::selection：选择指定元素中，被用户选中的内容。这个以后使用的频率可能略高。

前置介绍：

CSS入门八（状态性选择）和CSS入门九（结构性选择）两篇博客主要介绍了伪类选择器；

无论是状态性选择还是结构性选择，都是以选择独立的个体为主要的选择内容；而伪元素选择器则是选择部分内容，比如选择这个段落中的第一句话，或者选择这个段落中的头一个字符等，是选择部分内容；即伪类选择器是选择元素的整体，伪元素选择器则是选择元素整体的一个部分；

伪元素选择器：

说明：发现，其以为俩冒号开头。在以前，伪元素选择器也是以单冒号开头的，和伪类一样，在CS3.0以后，改成了双冒号；在浏览器上运行时，有些伪类元素选择器使用单冒号也还能识别，比如before和after，但建议伪元素选择器使用双冒号；

……………………………………………………

实例：未使用任何伪元素效果时：

<!DOCTYPE html>
<html>
<head>
	<title>内部样式表演示</title>
	<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
	<p>http://www.baidu.com</p>
	<p>百度官网</p>
	<p>百度官网</p>
	<h1>h1大标题</h1>
	<p>新华社苏州12月19日电 在刚刚结束的足协杯决赛中，山东鲁能泰山凭借王彤和佩莱的进球，2：0战胜江苏苏宁易购，赢得本赛季的足协杯冠军。从殷铁生到桑特拉奇，从图拔到郝伟，山东队对于足协杯赛的重视超过了中国顶级联赛的任何一支球队，从永远争第一的北京国安，到中超八冠王，一直不嫌多的广州恒大，当球队在联赛和杯赛有所取舍的时候，没有一支球队能够像山东鲁能这样向杯赛妥协。</p>
	<table  border="1" width="500px">
		<tr>
			<td>1</td>
			<td>1</td>
			<td>1</td>
			<td>1</td>
		</tr>
		<tr>
			<td>1</td>
			<td>1</td>
			<td>1</td>
			<td>1</td>
		</tr>
		<tr>
			<td>

最低0.47元/天解锁文章

小懒羊爱吃草

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
CSS入门十：伪元素选择器

目录伪元素选择器：实例：未使用任何伪元素效果时：2.::before：在前面添加内容3.::after：在后面添加内容4.::first-line：选择制定选择器的首行5.::first-letter：选择文本的第一个字符1.::selection：选择制定元素中，被用户选中的内容。这个以后使用的频率可能略高。前置介绍：CSS入门八（状态性选择）和CSS入门九（结构性选择）两篇博客主要介绍了伪类选择器；无论是状态性选择还是结构性选择，都是以选择独立的个体为主...
复制链接

扫一扫