啥是has伪类?
哈,你们这些个搞网页设计的家伙,是不是每天dou在和颜色、字体还有布局打交道啊?今天我要给你们介绍一个新鲜玩意儿,叫has伪类,它Neng让你的网页变得geng有意思。

has伪类的作用
has伪类是CSS3中新鲜增的一个选择器,它允许我们根据一个元素是不是包含另一个元素来应用样式。听起来是不是有点像魔法?其实它就是一个选择器,Neng用来匹配那些个具有特定子元素或兄弟元素的父元素。
例子一:设置紧跟在p元素之后的h2元素的样式
你想不想让你的网页kan起来geng专业?那就试试这玩意儿例子:我们给紧跟在p元素之后的h2元素设置样式。
h2:has {
color: gray;
background-color: gold;
border: 2px dotted red;
}
例子二:设置内部包含h1元素的section元素的样式
再比如 我们想要设置内部包含h1元素的section元素的样式,还有那些个内部包含类名为funfact的元素的section元素的样式。
section:has {
background-color: gold;
}
section:has {
color: blue;
}
has伪类的兼容性
虽然has伪类听起来hen酷, 但是你晓得吗,并不是全部的浏览器dou支持它。特别是那些个老掉牙的浏览器,比如IE,它们兴许不支持这玩意儿新鲜玩意儿。不过别担心,巨大许多数新潮浏览器dou支持它。
优良啦,今天我们就聊到这里。has伪类是一个hen有力巨大的工具,Neng帮你实现一些hen酷的效果。不过用之前,别忘了检查你的浏览器是不是支持它哦。


