相关疑难解决方法(0)

CSS"和"和"或"

我遇到了很大的麻烦,因为我需要通过设计一些输入类型来解决问题.我有类似的东西:

.registration_form_right input:not([type="radio")
{
 //Nah.
}
Run Code Online (Sandbox Code Playgroud)

但我也不想设置复选框样式.

我试过了:

.registration_form_right input:not([type="radio" && type="checkbox"])
.registration_form_right input:not([type="radio" && "checkbox"])
.registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"])
Run Code Online (Sandbox Code Playgroud)

怎么用&&?我需要尽快使用||,我认为使用方法是一样的.

更新:
我仍然不知道如何使用||&&正确.我在W3文档中找不到任何内容.

css css-selectors conditional-operator

92
推荐指数
5
解决办法
11万
查看次数

这两个选择器使用":not"有什么区别?

这两个选择器有什么区别?

input:not([type="radio"][type="submit"])
input:not([type="radio"]):not([type="submit"])
Run Code Online (Sandbox Code Playgroud)

是否会选择<input>没有type属性的标签?

我读了:

css css-selectors

8
推荐指数
1
解决办法
256
查看次数

您可以使用 ::slotted() 伪选择器来定位特定的命名槽吗?

我正在创建一个包含默认(即未命名)插槽和一些命名插槽的自定义元素。我特别想设计一个命名插槽的内容,而不是其他任何一个。

有没有办法选择特定的命名插槽。

作为我想做的事情的一个例子,我的自定义元素包含一个对话框 - 像这样:

<dialog>
 <slot></slot> <!-- general content -->
 <div class="buttons">
  <slot name="action"></slot>
  <slot name="cancel"></slot>
 </div>
</dialog>
Run Code Online (Sandbox Code Playgroud)

我想将所有操作按钮设置为纯色,将取消按钮设置为更褪色的颜色。

css

5
推荐指数
0
解决办法
2121
查看次数

Qt样式表中的属性组合

我编写了Qt4(或Qt5)类MyButton并定义了两个布尔属性,如下所示:

#include <QPushButton>

class MyButton : QPushButton
{
  Q_OBJECT
  Q_PROPERTY(bool property_1 READ property_1)
  Q_PROPERTY(bool property_2 READ property_2)
public:
  explicit MyButton(QWidget *parent = 0);
  ...
}
Run Code Online (Sandbox Code Playgroud)

现在我想在外部文件中自定义应用程序样式表,以便在此属性的不同组合中,MyButton具有不同的背景颜色.另外这很好用:

MyButton[property_1="true"] { background-color: black }
MyButton[property_2="true"] { background-color: white }
Run Code Online (Sandbox Code Playgroud)

所以问题是:如何将相同条件下的少数属性与"和","或"和"非"操作相结合?

c++ qt qtstylesheets

3
推荐指数
1
解决办法
2317
查看次数

将CSS规则应用于与多个可能的属性值之一匹配的元素

我正在尝试将css规则应用于html属性的多个值。

我尝试像这里描述的那样应用它,但没有成功:

input[name="a"][name="b"] {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)
<input name="a"> <!-- should be hidden -->
<input name="b"> <!-- should be hidden -->
<input name="c"> <!-- should not be hidden -->
Run Code Online (Sandbox Code Playgroud)

该规则根本不适用。

但是,当我仅使用一个属性选择器时,它适用于该一个匹配元素:

input[name="a"] {
    display: none;
}
Run Code Online (Sandbox Code Playgroud)
<input name="a"> <!-- is hidden -->
<input name="b"> <!-- is not hidden -->
Run Code Online (Sandbox Code Playgroud)

我在做什么错/除重复规则外,还有什么方法可以定义它?

html css

3
推荐指数
1
解决办法
29
查看次数

d3.js - 使用 .selectAll() 根据属性值选择节点元素

我有一个节点,如:

<div>
  <svg ...>
    <g class="graph">
      <path class="myarea" d="...AAA..." pos="p1">  </path>
    </g>
    <g class="graph">
      <path class="myarea" d="...BBB..." pos="p2">  </path>
    </g>
    <g class="graph">
      <path class="myarea" d="...CCC..." pos="p3">  </path>
    </g>
  /svg>
</div>
Run Code Online (Sandbox Code Playgroud)

我正在尝试选择具有属性的特定节点(例如 where d="...BBB..."pos='p2'

d3.selectAll(".myarea").each(function(d,i) {
   console.log("-> ",  d3.select(this).attr("pos"), d3.select(this).attr("pos") == 'p2' );
  
});
Run Code Online (Sandbox Code Playgroud)

这将产生/返回一个包含所有 3 个条目的数组:

-> p0 假

-> p1 真

-> p2 假

-> [数组(3)]

我有兴趣只选择一个,在这种情况下选择一个,.attr("pos") == 'p2'所以我只想返回一个元素。

我试着map()filter(),但没有成功。

根据属性值选择特定元素的正确方法是什么?

javascript filter node.js d3.js

3
推荐指数
1
解决办法
2322
查看次数

为 css 选择器中的属性指定两个或多个值的简洁方法

我有一个 CSS 选择器,如下所示:

#foo input[type=number].form-control, #foo input[type=text].form-control
Run Code Online (Sandbox Code Playgroud)

是否有更简洁的语法,例如:

#foo input[type=number,text].form-control
Run Code Online (Sandbox Code Playgroud)

那行不通,但有类似的事情吗?

css css-selectors

1
推荐指数
1
解决办法
517
查看次数