Question

我试图理解选择器，如果我有类似

的东西

<a href="" class="logoPlaceholder">Test</a></li>

这是否意味着我可以发出

{{1}}

或

{{1}}

Answer 1

你可以做很多css选择器技巧，我开始研究这个CSS game

中的css选择器

但是让我回答一下选择器正在调用的内容..

#topbar .ink-navigation ul.black li a.logoPlaceholder

所以基本上选择一个一个标签元素，该元素在 li 中有一个logoPlaceholder类，它也在 ul标签里面一个类 .black ，它也位于一个元素中，类 .ink-navigation ，其父元素的id为 topbar

编辑：添加了一个代码来演示我的意思：

<nav id="topbar">
    <div class="ink-navigation">
        <ul class="black">
            <li>
                //Selectors call this element.
                <a class="logoPlaceholder"></a>
            </li>
        </ul>
        <ul class="white">
            <li>
                //Selectors won't call this because li tag was not inside a ul with a class of black.
                <a class="logoPlaceholder"></a>
            </li>
        </ul>
    </div>
</nav>

Answer 2

第二个是正确的。

a.logoPlaceholder

表示<a>标记具有类logoPlaceholder，如下所示：

`<a class="logoPlaceholder" href="#">Link text</a>`

事实上，它也告诉你基本的HTML脚手架看起来像这样：

<tag id="topbar">
    <tag class="ink-navigation">
        <ul class="black">
            <li>
                <a href="#" class="logoPlaceholder">

标记为tag的元素未指定，如果它们是DIV或NAV或ASIDE或SECTION，则不可能？ （但是，我猜第一个是资产净值，第二个是DIV）

CSS选择器混乱

2 个答案: