css子元素hover父元素变颜色

:hover的意思是：加了:hover的元素本身，此时添加的样式只会作用于该元素本身，而不会影响该元素下面的子元素样式。可以看作两个类选择器。

作用：选中指定元素的指定后代元素。 表示元素的一种特殊状态。 :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问…

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸

元素水平居中 场景一：子元素是块元素 如果子元素是块元素（display: block）且未设置浮动，父元素是块元素，那么可以通过设置子元素 margin-left: auto; margin-rig

首先子元素会继承父元素的透明度：设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。其次子元素的透明度是基于父元素的透明度计算的

伪类：专门用来表示元素的一种特殊状态              *         比如：访问过的超链接，普通的超链接。<a href="块和内联.CSS 伪元素用于向某些选择器设置特殊效果。selector.div .所有HTML元素可以看作盒子，在CSS中，"box mode...

当子元素和父元素属于嵌套关系的时候，滑动子元素至顶部/底部，会接着触发父元素的滚动。 在某些情景下需要禁掉父元素的滚动行为。 移动端需要兼容，特别是安卓。 切换overflow属性导致滚动条显示/隐藏状态的切换，带来的页面轻微抖动。（ windows 上面，返回的滚动条宽度不准…

Absolutely positioned elements are completely removed from the document flow, and thus their dimensions cannot alter the dimensions of thei…

在一个网页中CSS占着非常重要的地位。近年来随着CSS的发展，伪元素/伪类也开始被大量应用：在性能愈加被看中的当下，处于文档流之外的CSS伪元素/伪类是当之无愧的“无冕之王” ！ 最后又加了 img:hover 是为了让鼠标在图片上滑动时也保持图片的显示状态 —— 防止图片覆盖…