CSS选择器种类及其继承性

1.标记选择器:
只写标签名,后面不加“<>”;
标签名做选择器会把页面中所有的这个标签都选中;
2.id选择器
每个页面标签都可以增加id属性,
标签的id值必须遵从以下规范;(1)只能由字母、下划线、数字组成
(2)必须是字母开头
(3)不能与标签名同名
(4)尽量使用有意义的单词 如:nav;

注意:(1)任何一个页面不能使用同名id,我们通过实验发现,浏览器会把同名的id都是用相同的元素修饰,但我们不能这样做,id具有唯一性。
(2)页面上的任何一个元素,都可以同时被多个选择器同时选中,并且多个选择器同时作用与这一个标签,及多个选择器选中同一个标签,他们的样式可以叠加起来。这是CSS层叠的原因
(3)如果多个选择器选中同一个元素,他们之间的样式有冲突,就存在选择器的优先级问题
顺序:在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式、作为style属性写在元样式、id选择器、类选择器、标签选择器、通配符选择器、浏览器自定义或继承。
3.类选择器
(1)类选择器前面有一个点(.);
(2)任何标签都可以有class属性;
(3)class属性的命名规范与id属性一样
(4)一个class属性名可以和id属性名相同但是最后不要一样
(5)不同的标签可以有同一个class属性。一个标签亦可以从属多个class属性,但是表示时中间用空格隔开;不允许在标签中有两个class,
(6)尽量使用原子化的类,少用大而全的类。
(7)尽量使用class,尽量不用id做选择器,(class上样式,id上行为),id一般用在js中,getElementbyId()。
4.后代选择器
后代选择器不是儿子选择器,

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div ul p{
   
			color: red;
		}
	</style>
</head>
<body>
   <div>
   	<ul>
   		<li>
   			<p>后代选择器<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值