css选择器

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;
			}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值