关联父元素: #child { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #parent { position: relative; }
上面的代码就是将子元素absolute定位于父元素relative定位的左上角,这样就可以实现父子关系的布局。
关联同级元素: .element1 + .element2 { margin-left: 20px; }
上面的代码表示当element1之后的第一个元素为element2时,element2将会向右移动20px,这样就可以让两个元素水平布局。
关联子元素: .parent .child { font-size: 20px; }
上面的代码表示.parent元素下的所有.child元素都应用了font-size: 20px,这样就可以同时对多个元素进行统一的样式控制。
以上就是关于CSS如何关联其他元素的简单介绍,希望对大家有所帮助。