id.class css是什么意思？

我在CSS声明中看到：

#nav.js{
显示：无；
}

有人能解释一下这是什么意思吗？html代码如下所示

<ul id="nav">
    <li><a href="#">Home3</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>

这很简单。。。添加类

.js

时，元素将不显示

HTML

<ul id="nav" class="js">
    <li><a href="#">Home3</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>

#nav.js

这将选择一个元素，该元素的

id

设置为

“nav”

，并且其

类包含
“js”

例如，它将选择以下任一元素：

<figure id="nav" class="js"></figure>
<figure id="nav" class="foo js"></figure>
<figure id="nav" class="js bar"></figure>
<figure id="nav" class="foo js bar"></figure>

<figure></figure>
<figure id="nav"></figure>
<figure class="js"></figure>
<figure id="nav" class="foo bar"></figure>



但它不会选择这些元素中的任何一个：

<figure id="nav" class="js"></figure>
<figure id="nav" class="foo js"></figure>
<figure id="nav" class="js bar"></figure>
<figure id="nav" class="foo js bar"></figure>

<figure></figure>
<figure id="nav"></figure>
<figure class="js"></figure>
<figure id="nav" class="foo bar"></figure>



显示：无
我相信您已经知道，这会将元素设置为完全不显示在页面上

#nav.js{display:none；}
这结合了上述内容。它选择具有
id
为
“nav”
且
类
包含
“js”
的任何元素，并将其设置为不显示在页面上。
在英语中，这意味着：

为我查找id为
nav
且类为
js
的任意元素

在vebose CSS中，
#nav.js
实际上可以转换为：

*[id='nav'][class~='js']

使用
#nav
时，用于为ID元素分配css

当您使用
.js
时，它会将css分配给所有js类元素

当您使用
#nav.js
时，它将只分配给同时具有
id=#nav
和
class='js'

当您声明
#nav.js
时，它会将css分配给
#nav
元素中的所有类。
您的标题没有回答您的问题吗？这看起来几乎像是在夸夸其谈。