使用CSS在悬停时更改DOM中的上一个元素

时间:2016-02-28 17:29:04

标签: html css hover

我不认为这在CSS中是可行的,但也许我错了!这是我的HTML:

<body ng-app="mainApp">
    <div ng-controller="register" id="reg">
        <ul>
            <h2> Id and roles :</h2>
            <li ng-repeat="person in persons track by $index">
            {{ person.email + ' : ' + person.role + ' : ' + person.home }} 
            </li>
        </ul>

        <input type="email" ng-model="email"  />
        <br />

        <input type="text" ng-model= "role"  />
 <br />
               <input type="text" ng-model= "home" />
        <br />
         <input type="button" value="submit" onclick="register()" /><br />
    </div>
</body>

当悬停在figcaption上时,我需要将“overlay”的不透明度从0更改为1.

是否有CSS解决方案或我是否需要使用Javacript来提升DOM?

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

据我所知,没有这样的选择器。 CSS是&#34; walk&#34;下DOM。 当然,你可以通过javascript实现这一点。