css四大选择器

最新推荐文章于 2023-05-03 11:16:17 发布

王呢玛

最新推荐文章于 2023-05-03 11:16:17 发布

阅读量209

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_38209158/article/details/100552588

一.基本选择器

1.标签选择器
基本格式：
在（title）标签下部建立（style）标签（CSS的标签选择器），
再在（style）标签内先给某一种标签建立属
2.类选择器
基本格式：
在（body）中为某些需要的标签定义类
在（title）标签下部建立（style）标签（CSS的标签选择器），
再在（style）标签内先给某一种标签建立属性
给该种标签的某一类设置新的属性（类名前加‘.’）
注：类名的第一个字符不能使用数字！它无法在 Mozilla 或 Firefox 中起作用。
定义的类中会覆盖掉之前定义的相同的属性
3.ID选择器
作用：对于页面独一无二的元素，可以给其ID赋予一个独一无二的样式
命名方式：“#”+标签的ID
4.伪类选择器
超链接标签＜a＞支持几个特殊的CSS样式类，用于定义超链接不同的状态样式，这些样式类被称为“伪类”
在这里插入图片描述
示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>选择器</title>
		<style type="text/css">
	div{
		width: 300px;
		height: 300px;
	}<!--CSS的标签选择器-->
	
	.div1{
		width:300px;
		height:300px;
		padding-top: 20px;
		margin-right: 20px;
		border: solid 1px black;
		
	}<!--CSS的类选择器-->
	
	#div2{
		width: 300px;
		height: 300px;
		border: solid 11px yellow;
		
	}<!--CSS的ID选择器-->
		</style>
	</head>
	<body>
		<div id="div2">
	</body>
</html>

关注博主即可阅读全文