css似乎只能在pseudoclass:selector之后重新定位一个div

时间:2017-01-02 14:33:51

标签: css css-selectors

当我在Pseudoselector之后选择多个div并选择id来确定backgroundcolour时这样:

#Eg1:target + #Eg2, #Eg3{
background-color: blue;}

它有效,但当我想改变它们的定位时:

#Eg1:target + #Eg2, #Eg3{
bottom: -100%;}

...点击“Eg1”后,只有第一个改变了他的位置(我想要两个都移动)。

有没有办法在不使用JavaSript的情况下解决这个问题?

(我在伪像“〜”之后使用了多种其他选择技术, 所有的div都在同一个级别上)

编辑: 当然我定义了div的高度宽度和定位(它们是固定的),我也希望它们在底部消失(没有任何滚动条) ,为我最近的纠正而烦恼..

2 个答案:

答案 0 :(得分:0)

你是否对这些元素使用了position属性?没有位置属性“bottom:-100%”将无法正常工作。尝试对这些属性使用“position:absolute”。希望它能奏效。

答案 1 :(得分:0)

bottom财产不会单独运作。您必须将元素的定位设置为absolutefixed才能产生效果。

使用它:

#Eg1:target + #Eg2, #Eg3{
    position: absolute;
    bottom: -100%;
}