css - 唯一 ID CSS |为什么我的造型在其他地方被采用？

Question

这里有一个棘手的问题。

我在一个页面上有两个 UL 的样式，它们都包含 anchor 。

每个 UL 都有自己的特定 ID 和特定样式，这些都是正确的。

这是令人困惑的部分 - 假设我有这个:

#nav {
    margin: 20px 0 0 0;
  }
    #nav li {
      float: left;

    }
      #nav li a {
        display: block;
        text-transform: uppercase;
        color: #555454;
        font-size: 14px;
        padding: 11px 17px;

      }

然后是:

#gt-list 
    {
        margin: 10px 0 0 0;
    }
        #gt-list li, a
        {
            color: #fff;
            margin: 0 0 10px 0;
        }
            #gt-list li a:hover 
            {
                color: #ff6b00;
            }
        #gt-list li img 
        {
            float: left;
            margin: 0 15px 0 0;
            width: 20px;
        }
        #gt-list li span
        {
            float: left;
            display: inline-block;
            margin: 2px 0 0 0;

        }

这里是 HTML:

<ul id="nav">
                    <li class="selected">
                        <a href="#">
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            About us
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Ways to give
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Our Work
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            News
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Learn
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            Contact Us
                        </a>
                    </li>
                </ul>

以上是网站上使用的实际样式。

所以这是我的问题:#nav 正在从#gt-list 中获取 LI 样式以及 anchor 样式。

我已将所有父 div ID 插入到每个 UL，这没有任何影响。

我不明白这个!？!？

Answer 1

此规则中有一个逗号，这意味着它将应用于具有该 id 的元素和所有 anchor 元素下的所有 li 元素，无论它们位于何处。

    #gt-list li, a