像ul.lsidebar a {}这样的CSS类是什么意思？

Question

这叫什么？我从来没有经历过css。

我猜这个类只会影响那个标签。如果你知道，请给我一些如何使用它的例子。我在谈论（ul）部分。

代码如下：

ul.lsidebar a{}

Answer 1

专门针对DOM节点lsidebar

定位类名ul

示例：

<div class="lsidebar">
    <a href="#">ab</a>
</div>
<ul class="lsidebar">
  <li><a href="#">a</a></li>
  <li><a href="#">b</a></li>
</ul>

如果您执行.lsidebar a{}，则会在a和div

的后代节点中定位ul

但在这种情况下，ul.lsidebar a{}在a的后代节点中专门定位ul（a，其中包含文字a和b这个案例）。

This link可能会帮助您了解如何在DOM中定位CSS

Answer 2

ul.lsidebar表示HTML中的以下内容：

 <ul class="lsidebar"></ul>

这通常称为class selector

最后看到那个小a？这称为descendant selector，这意味着它将设置以下HTML元素的样式：

 <ul class="lsidebar">
      <a href="#">I'll be styled!</a>
 </ul>

希望这有帮助！

Answer 3

可能有几个元素属于“lsidebar”类。使用ul.lsidebar代码仅引用元素“lsidebar”，它们是无序列表（ul）。

“a”引用无序列表（链接）中的锚元素。

karthikr的例子是恰当的。在他的示例中，代码将为a和b链接设置样式。