计算机系统应用教程网站

网站首页 > 技术文章 正文

兄弟选择器和选择器组合 兄弟选择器和选择器组合设置

btikc 2024-10-25 10:59:10 技术文章 6 ℃ 0 评论

兄弟选择器是css3.0新增的一个选择器,兄弟选择器的语法如下

选择器~选择器{...}

在上面页面中为id为Android的元素后面、class属性为long的所有兄弟节点增加了绿色背景。

选择器组合

有时候,我们需要让一份css样式对多个选择器起作用,那就可以利用选择器组合来实现,

各个选择器之间用逗号隔开。

对于组合选择器,在{}中定义的css样式将会对前面列出的所有选择器匹配的元素起作用。

上面页面的组合选择器定义的css样式,可以对div元素、class属性为a的元素、ID为abc的元素都起作用。

下面是浏览器显示效果。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表