首页 > 开发 > CSS > 正文

CSS上下文选择符实现基于位置为HTML元素添加样式

2024-07-11 08:50:25
字体:
来源:转载
供稿:网友

CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式
比如我们想位于article和aside标签中的p标签,设置不同的样式

上下文选择符也叫后代组合式选择符,是以空格分隔标签名的,其格式为:
标签1 标签2 {声明}
这里的标签就是HTML元素,标签2是我们想要选择的目标,而且只有在标签1是标签2的祖先元素时才能选中标签2.只要是祖先元素即可,不一定非要是父元素

我们以下列HTML代码为例,进行演示:

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表