相关疑难解决方法(0)

我正在使用JSLint来完成JavaScript,并且在执行诸如比较语句内部之类的事情时,它会返回许多建议来替换==(两个等号)===(三个等号).idSele_UNVEHtype.value.length == 0if

有没有性能优势,以代替==用===？

任何性能改进都会受到欢迎,因为存在许多比较运算符

如果没有进行类型转换,是否会有性能提升==？

搜索~角色并不容易.我正在查看一些CSS并找到了这个

.check:checked ~ .content {
}

这是什么意思？

可能重复:
是否有CSS父选择器？

有没有办法使CSS选择器匹配以下？

All OBJECT elements
  which have a PARAM element inside of them

选择器

OBJECT PARAM

不起作用,因为它匹配PARAM,而不是OBJECT.我想将{display:none}应用于对象; 将它应用于PARAM是没用的.

(我知道我可以用jQuery - $("object param").closest("object")和VanillaJS - 来解决这个问题document.querySelector("object param").closest("object")- 但我正在尝试在页面上创建CSS规则.)

有没有办法根据类中子元素的类选择父元素？与我相关的示例与http://drupal.org的精美菜单插件的HTML输出相关.输出呈现如下:

<ul class="menu">  
    <li>  
        <a class="active">Active Page</a>  
    </li>  
    <li>    
        <a>Some Other Page</a>  
    </li>  
</ul>  

我的问题是,是否可以将样式应用于包含具有活动类的锚的列表项.显然,我更喜欢将列表项标记为活动,但我无法控制生成的代码.我可以使用javascript(JQuery spring to mind)执行此类操作,但我想知道是否有使用CSS选择器的方法.

为了清楚起见,我想将一个样式应用于列表项,而不是锚.

可能重复:
有没有办法将鼠标悬停在一个元素上并影响另一个元素？

当我将鼠标悬停在id为"a"的div或类上时,是否可以获得id为"b"的div或类的背景颜色？

是否可以为元素定义CSS样式,仅在匹配元素包含特定元素(作为直接子项)时才应用？

我认为最好用一个例子来解释.

注意:我正在尝试设置父元素的样式,具体取决于它包含的子元素.

<style>
  /* note this is invalid syntax. I'm using the non-existing
   ":containing" pseudo-class to show what I want to achieve. */
  div:containing div.a { border: solid 3px red; }
  div:containing div.b { border: solid 3px blue; }
</style>

<!-- the following div should have a red border because
     if contains a div with class="a" -->
<div>
  <div class="a"></div>
</div>

<!-- the following div should have a blue border -->
<div>
  <div class="b"></div>
</div>

注意2 …

我正在寻找一个选择器,如果它们有一个特定的子元素,它将选择所有元素.例如,选择<div>带孩子的全部<span>.

可能？

我知道没有CSS父选择器,但是在没有这样的选择器的情况下悬停子元素时是否可以设置父元素的样式？

举个例子:考虑一个删除按钮,当悬停时会突出显示要删除的元素:

<div>
    <p>Lorem ipsum ...</p>
    <button>Delete</button>
</div>

通过纯CSS,当鼠标悬停在按钮上时,如何更改此部分的背景颜色？

我想申请styles到parent它是否有child元素.

到目前为止,我已经将child元素应用于元素(如果存在).但我想style的parent,如果parent有child,仅使用CSS.

以下是 html

<ul class="main">
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa
        <ul class="sub">
            <li>bbbb</li>
            <li>bbbb
                <ul>
                    <li>cccc</li>
                    <li>cccc</li>
                    <li>cccc</li>
                </ul>
            </li>
            <li>bbbb</li>
            <li>bbbb</li>
            <li>bbbb</li>
        </ul>
    </li>
    <li>aaaa</li>
    <li>aaaa</li>
    <li>aaaa</li>
</ul>

该css代码

* {
    margin:0;
    padding:0;
    text-decoration:none;
}
.main li {
    display:inline-block;
    background:yellow;
    color:green;
}
.main > li > ul > li {
    background:orange
}
.main > li > ul > …

I want to use CSS to show div id='b' when I hover over div id='a', but I cannot figure out how to do it because the div 'a' is inside another div that div 'b' is not in.

<div id='content'>
     <div id='a'>
         Hover me
     </div>
</div>
<div id='b'>
    Show me
</div>