Question

在从另一类人中取回一个元素时,是否有办法修改一个等级的标签?

类似:

.item:hover .wrapper { /*some css*/ }

只有包裹不在项目内,而是在其他地方。

我确实不想用javascript来做这种简单的事情,但如果我不得不,我怎么做? 我的失败尝试:

document.getElementsByClassName( item )[0].onmouseover="document.getElementsByClassName( wrapper )[0].style.background="url( some url )";";

每个类别中只有一个要素。 Don t知道他们为什么在制作模板时不使用身份证,但这只是如何,我可以改变。

[Edit]

它是一个菜单。每个菜单元素都有一个独特的类别。当你在要素上被搁置时,就等于右边。就像一个超支一样,当我使用“速成”工具时,我可以看到,整个网站“html”在“子”活跃时会发生变化(仅指子)。我叫作总结的人有控制下游子背景的 c。我在两班之间确实看不到任何联系。

Answer 1

目前,除非你想选择儿童或兄弟姐妹(在座其他答复中作了描述),否则不可能在社会保障局这样做。

对于所有其他案件,你需要Javales。象安吉斯这样的优质和框架能够相对容易地解决这一问题。

[Edit]

有了新的CSS(4)挑选人:has() Guide from CSS4。 Rocks (archived by Wayback organs) and , llssss 能够针对母体元素/阶级,使CSS-Only解决办法在不久的将来可行!

Answer 2

您可以采取两种做法,即有一对一元素的影响(< 编码> E)另一要素(F):

F is a child-element of E, or
F is a later-sibling (or sibling s descendant) element of E (in that E appears in the mark-up/DOM before F):

为说明其中的第一个选择(F,作为E/code>的后代/子女:



.item:hover .wrapper {
    color: #fff;
    background-color: #000;
}

为证明第二种选择,<代码>F是<代码>的互用元素。 E:

.item:hover ~ .wrapper {
    color: #fff;
    background-color: #000;
}

In this example, if .wrapper was an immediate sibling of .item (with no other elements between the two) you could also use .item:hover + .wrapper.

JS Fiddle show。

参考:

CSS 2.1 selectors, at the W3.org.

Answer 3

You can do it by making the following CSS. you can put here the css you need to affect child class in case of hover on the root

.root:hover    .child {
   
}

Answer 4

Provided .wrapper is inside .item, and provided you re either not in IE 6 or .item is an a tag, the CSS you have should work just fine. Do you have evidence to suggest it isn t?

EDIT:

仅靠特别安全局就能够影响其中未包含的内容。为了做到这一点,您的表象如下:

<ul class="menu">
    <li class="menuitem">
        <a href="destination">menu text</a>
        <ul class="menu">
            <li class="menuitem">
                <a href="destination">part of pull-out menu</a>
... etc ...

and your CSS like this:

.menu .menu {
    display: none;
}

.menu .menuitem:hover .menu {
    display: block;
    float: left;
    // likely need to set top & left
}

友情链接