selector是啥意思

Posted 2023-03-25

参考技术A 1.选择器
选择器
Selector样式要套用的对象.
样式规则Rule样式设定的内容.
每个样式後要加.
如H2
2.选择符
CSS的定义是由三个部分构成选择符selector属性properties和属性的取值value
基本格式
3.寻线器
SEL
selector
选择装置寻线器转换开关.
Select
选择.
Selectivity收音机选择性.
Semi
4.选择装置
SEL
selector
选择装置寻线器转换开关.
Select
选择.
Selectivity收音机选择性.
Semi
5.转换开关
SEL
selector
选择装置寻线器转换开关.
Select
选择.
Selectivity收音机选择性.
Semi
6.波段开关
selectivity
选择性...selector
选择器，波段开关
Notebook
Selector
for
Airline
Adaptor
Discharge
Control
Desig
笔记本电脑转接器
Studies
on
AOTF
as
the
Wavelength
Selector
for
ETV
AA
声光可调滤光片作为电热原子吸收光谱仪波长选择器的研究

这个css选择器/语法是啥意思？ [复制]

【中文标题】这个css选择器/语法是啥意思？ [复制]

【英文标题】：What does this css selector/syntax mean? [duplicate]这个css选择器/语法是什么意思？ [复制]

【发布时间】：2013-01-14 19:26:56

【问题描述】：

可能重复：What does “>” mean in CSS rules?CSS ‘>’ selector; what is it?

什么意思：

#nav > li > ul

Google 忽略了 >，我不知道它是什么意思。我的意思是“>”。

【问题讨论】：

你可以谷歌css greater than

你是说#nav > ul > li

阅读：css-tricks.com/child-and-sibling-selectors

#nav（元素的id）子li和子ul df

【参考方案1】：

> 表示该元素应该是直接子元素，而不仅仅是后代。

---

给定以下 HTML：

<div id="nav">
    <ul>
        <li></li>
    </ul>
</div>

以下 CSS 选择器将匹配列表项：

#nav li  

虽然这个不会：

#nav > li  

【参考方案2】：

> 是一个子选择器。这意味着它将匹配直接子代，而不是其他嵌套的子代。

例如，这个 css：div > p > span 将匹配这个 HTML：

<div>
    <p><span>...</span></p>
</div>

但不是这个 HTML：

<div>
    <p>
        <ul>
            <li><span> ... </span></li>
        </ul>
    </p>
</div>

在您的示例中，您的 CSS 将匹配如下结构：

<ul id="nav">
   <li>
        <ul> <-- this one gets matched
...

如果没有看到 CSS 的其余部分，我会假设它是在导航元素中设置嵌套子菜单的样式。

【参考方案3】：

你不是说#nav > ul > li吗？

在这种情况下，它的意思是“选择li标签，它是ul标签的子标签，它本身就是ID为nav的元素的子标签。

<div id="nav">
    <ul>
        <li>The css selector locates this list item</li>
    </ul>
</div>