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>

相关阅读:
【Spring 源码】Spring MVC 的加载原理（一）
linux centos7 环境下 no such file or directory
AtCoder ABC260 G 累积和
Springboot整合Prometheus
Python组合问题
Vue2--11种组件通信、Vue2处理响应式数据
Javaweb--CSS
手写数字识别--神经网络实验
小干货~ NFS在Linux系统中的应用
测开领域，三种高性价比测试方法

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