相关疑难解决方法(0)

是否优先考虑组合者

a > b ~ c d

(注之间的空间c,并d为后代组合子)

或者只是从左到右阅读,就像

((a > b) ~ c) d

？

从CSS选择器规范:

E + F匹配紧跟在兄弟元素E之前的任何F元素.

运营商优先级怎么样？是什么#id1 #id2 + #id3比赛？关于什么#id1 + #id2 #id3?

是否有这意味着选择#id1 (#id2 + #id3)或(#id1 + #id2) #id3？(我假设(并且)在CSS选择器中不被允许,我在规范中没有看到它们)

CSS 似乎是右关联的，与编程语言不同，你不能用括号影响它。

我有这样的一般结构：

<div>
   <div class='pizza'></div>
</div>
<p>Select me!  Select me!</p>

<div>
   <div class="pizza">
      <p>Do NOT select me!</p>
   </div>
</div>

我无法找出包含 a 的<p>兄弟姐妹之后的a 选择器。<div><div class="pizza">

我尝试了这个，但是 CSS 从右到左的关联性并没有产生我想要的结果：

div > div.pizza + p

我知道这是不对的。

有人可以指点一下吗？

有没有办法让几个选择器与伪类相关联？

换句话说,我想这样做,如果锚,图像或按钮悬停或聚焦,它们周围会有一个特殊的边框.

我试过这个(在黑暗中拍摄):

(a,button,img):hover, (a,button,img):focus {
    border: 2px dashed black;
}

但是Webstorm并不喜欢它,也没有激活它.

我知道这有效:

a:hover, a:focus {
    border: 2px dashed black;
}

但我希望能够将其应用于其他选择器,而无需多次重复自己将其应用于所有选择器.

得到了带faded属性的简单组件.

 <template>
      <style>
            :host {
                display: block;
                height: 7em;
                background: white;
                border: 1px solid var(--paper-blue-grey-50);
                width: 100%;
                margin: 0.1em 0;
            }
            :host ([faded]) {
                display: none;
                background: #eaeaea;
                color: #a8a8a8;
                cursor: auto;
                pointer-events: none;
            }
            .month {
                ...
            }
            .names {
               ...
            }
            .date {
                ...
            }
        </style>

        <div>
            <div class="month" hidden="[[hideMonth]]">[[details.month]]</div>
            <div class="names">
                <span class="date">[[details.date]]</span>
                <div hidden="[[hideName]]">
                    <div>[[details.name]]</div>
                    <div class="highlight annotation"></div>
                </div>
            </div>
        </div>

    </template>

    <script>
        'use strict';
        Polymer({
            is: "calendar-day-short-view",
            properties: {
                date: {
                    type: Object, …

以下选择器是什么意思？

.a .b + .c .d { ... }

意图(以及它似乎起作用的方式):选择与d内部c相邻的b内部a

/* Brackets to hide ambiguity */
(.a .b + .c) .d

这是正确使用邻接兄弟选择器吗？+CSS语法中的运算符优先级是什么？