css选择器

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

AI博士小张

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

阅读量133

点赞数

分类专栏：练习

本文链接：https://blog.csdn.net/Dalu_1226/article/details/101222797

版权

练习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

css选择器

一、选择器种类：

id选择器，类选择器，标签选择器，分组选择器，后代选择器，通配符选择器
其中前三中为基本选择器；优先级为id > 类 > 标签

二、选择器出现的位置：

在<head></head>里加上<style></style>样式，选择器写在<style></style>里面，各选择器格式如下所示

三、六种选择器

1. id选择器

格式：#id名{样式属性名：样式属性值}

<a id="select_tex">你好</a>      //a标签的id为select_tex
**则写在<style>中的id选择器应为 ：**
							 #select_tex{
											font-family: "微软雅黑";
												}

2.类选择器

格式：.类名{样式属性名：样式属性值}

<i class="red_txt">类选择器1</i>      //i标签的类名为red_txt
**则写在<style>中的类选择器应为 ：**
 								 .red_txt{
		                    		font-family: "黑体";
										}

3.标签选择器

格式：标签名{样式属性名：样式属性值}

<span>标签选择器</span>    //span标签的标签名为span
**则写在<style>中的标签选择器应为 ：**
span{
			font-family: 华文彩云;
			font-style: inherit;
			}

4.分组选择器

适用于

多个选择器具有相同的属性，则可以多个选择器名组合成一个选择器

格式

以上三种类型的选择器任意组合，中间用逗号隔开，作为选择器的名称。

例如：表示三个标签都具有下面的这个属性

 #select_tex, .red_txt,span{
	 				font-family: "黑体";
	 				}

5.后代选择器

格式：父代+子父代+后代{样式属性名：样式属性值}

			html body span{          //span的后代选择器
				font-family: "微软雅黑";
			}

6.通配符选择器

作用：匹配所有的标签

格式：*{样式属性名：样式属性值}

			*{
				margin: 0px;
				padding: 0px;
			}

AI博士小张

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录