css 类名和选择器顺序的问题

发布网友发布时间：2022-05-15 08:35

共2个回答

热心网友时间：2023-10-15 22:52

这两个样式都不会作用到<p class=“cla”></p>这个标签上。
p .cla { }指向的是p标签下class为cla的元素，例如下面的DIV：

<p>
<div class="cla"></div>

</p>

.cla p { }指向的是class为cla的元素下的p标签，例如下面的P：

<div class="cla">
<p></p>

</div>

如果你想用CSS的选择器选择CLASS为cla的p标签，那么p和.cla之间就不能有空格，就应该是下面这样的写法：
p.cla{}
这样指代的就是<p class=“cla”></p>这个元素了~~~一旦加了空格，就表示前后是上下级的关系。

热心网友时间：2023-10-15 22:52

有的，可以由其他的标签也可以是class=cal的，如果是p.cal的话就只有p标签的会选中。也就是说更精确了