关于a{ } 和p a{ } 以及p>a{ } 三个效果一样，这里有什么区别么，或者三个都可以用
答案是a{font-weight:bold},但是我输入p a{font-weight:bold}和p>a{font-weight:bold}都可以通过，这里三个是都可以使用么或者有什么区别，需要优先用哪个？求解答，谢谢！
慕工程758277
2019-02-18
3 回答
a{xxx;}这个是针对所有a标签的，比较好理解，就不举例了~
p a{xxx;}这个叫包含（后代）选择器，是针对p标签里面所有a标签的，也就是说p标签以外的a标签不会有效果
例子：<p>123<a href="#">aaa</a>456<a href="#">bbb</a>789</p>
<a href="#">000</a>
对这段代码使用p a{xxx;}的话，那么这段代码里面的aaa和bbb都会生效，但是在p标签以外的a标签，000不会出现效果~
p>a{xxx;}这个叫子选择器，是针对p标签里面的第一个a标签的，p标签除第一个a标签以外的a标签不会生效
例子：<p>123<a href="#">aaa</a>456<a href="#">bbb</a>789</p>
<a href="#">000</a>
可以发现aaa出现效果，bbb和000不会出现效果
还有一种叫分组选择器 p,a{xxx;}，这个相当于p{xxx;} a{xxx;}，分组选择器可以说是一种优化的写法
例子：<p>123<a href="#">aaa</a>456<a href="#">bbb</a>789</p>
<a href="#">000</a>
可以发现，123 aaa 456 bbb 000都有效果，无论是在p内还是外，无论是不是p内第一个~
这个问题具体的在第八章会详细学到
举报
0/150
提交
取消
