CSS选择器

CSS选择器

css对于html文本的改动可动用css选择器,在head部中台添加style,使用选择器就可以盖面文本的样式

通用选择器
*{
	color:red;
}

匹配html文档中的每个元素,

标签选择器
p{
	blackground:green;
}

选择具体的标签名称来匹配同名的标签

ID选择器
#nav{
	color:bule;
}

匹配文档中nav的标签

类选择器
p.black{
	color:black;
}

**.**后面跟class属性的值,前面是要改变的值。改变black中的p标签的样式

后代选择器
ul li a{
		****
}

将匹配ul标签中li中的a标签

子选择器
p>strong{
	color:red;
}

第一个

标签的子标签内的文字设为红色,对于后面的相同标签没有影响,它只会选择某个元素的直接后代。

相邻兄弟选择器
h1+p{
   color:bule;
   font-size:12px;
}

h1+p会匹配同一级元素下相邻

通用兄弟选择器
h1~p{
	color:green;
}

和相邻兄弟选择器一样,但兄弟元素之间无需相邻

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值