css选择器

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<style>
			/* 通配符选择器 所有的 */
			*{
				/* margin 外边距 */
				/* padding 内边距 */
				margin: 0; 
				padding: 0;
			}
			/* 标签选择器 */
			div{
				color: blue;
			}
			/* id选择器 */
			#unique{
				color: yellowgreen;
			}
			/* 类选择器 */
			.second{
				color: red;
			}
			.third{
				/* background: darkgrey; */
				color: yellow;
			}
			/* 群组选择器，提出公共代码，减少代码量 */
			div,h1,p{
				background-color: bisque;
				color: red;
			}
			/* 后代选择器 匹配顺序先找出 p 再找div 从里向外进行匹配 */
			div p{
				background-color: red;
				color: brown;
			}
			#unique p{
				background-color: red;
			}
			/* 伪类选择器 严格遵守顺序 */
			a:link{
				color: yellow;
			}
			a:visited{
				color: red;
			}
			a:hover{
				color: green;
			}
			a:active{
				color: blue;
			}
		style>
	head>
	<body>
		<div id="unique">
			<p>1234p>
		div>
		
		<div class="third second">2222div>
		<div>
			<p>22222p>
		div>
		<h1>33333h1>
		<p>44444p>
		<a href="https://www.baidu.com">baidua>
	body>
html>

相关阅读:
从零开始学前端：垃圾回收机制，闭包，案例 --- 今天你学习了吗？（JS：Day11）
Rt-Thread 移植3--临界段保护(KF32）
学位论文选题原则
.cn是几级域名？
python函数进阶
lec formality inconclusive举例
软件项目估算精准，6大注意事项
链接加密逆向
快速串联 RNN / LSTM / Attention / transformer / BERT / GPT（未完待续）
JavaSE进阶26 - IO流概述、字节流、字符流、转换流、缓冲流

原文地址：https://blog.csdn.net/weixin_43229819/article/details/126958830