CSS3选择器——1、基本选择器

      1、通配选择器

在CSS3中,通配选择器使用下面的格式进行书写:

*{
	margin: 0px;
	padding: 0px;
}
这表明你选择了文档中所有的HTML元素,并且内外边距都设置为0px。

在实际使用中还有另一种通配选择器的书写方式:

#div1 *{
	background-color: #FA8072;
}	
这代表着你选择了id为div1下面的所有HTML元素

2、元素选择器

每一个HTML标签都可称作为HTML元素,如<body>是元素body,那么元素选择器可以写作以下方式:

body{
	background-color: #D4D4D4;
}
这里明确的选择了body标签,并把背景颜色设置为RGB为#D4D4D4的颜色

同样选择某焦点下的元素也可写作:

#div1 span{
	background-color: #FA8072;
}
这里表示我们选择id为div1下所有span元素的背景颜色都为#FA8072

3、ID选择器(#)与类选择器(.)

这两个是十分常用的的CSS3选择器,区别在于:类选择器在一个页面可以有个多个相同的类名,而ID选择器器ID值在整个页面中是唯一的一个

4、群组选择器

当多个选择器共同使用一段样式时,我们可以通过群组选择器使多个选择器共享样式

#div1,#div2{
	background-color: #FFE4E1;
}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值