css 为什么要有a .d,而不是直接.d1

发布网友发布时间：2022-05-25 12:07

共2个回答

热心网友时间：2023-10-25 20:13

d1是个类（class），而类是可以套用于多种标签的，比如说
<a class=d1 ...
<span class=d1 ...

<h2 class=d1 ...
如果只写 .d1，那么所有套用了这个类的标签都会使用这个样式
而如果写 a.d1，就只有套用了这个类的所有a标签才会使用这个样式，也就是说这里指定了两个条件：必须是a标签，且class必须等于d1

热心网友时间：2023-10-25 20:14

我觉得你应该再去深入理解一下CSS选择器的各自特点和环境。
a .d这种形式的选择器，它所表达的含义是：先利用元素选择器选中a元素，再利用后代元素选择器选中class为d的元素，该元素就是最后要改变的元素。该元素必须满足为a标签的子标签，同时class为d。
.d1这种形式的选择，则是纯粹的类选择器，就是利用class来直接选择需要改变的元素即可。
这两种形式的选择器在最后的效果上看起来没有任何区别，实际上确实在效果上没有任何区别，只是在选择过程中使用了不同的方式而已。
事实上，不同的选择器或者选择器的组合都能达到同样的效果，不必纠结为什么一定别人用了不同的方法。