css选择器教学设计，用什么表示子代选择器_CSS学习

资料来源：网络整理时间：2023/3/4 1:59:16 共计：3618 浏览

CSS3中的关系选择器主要包括子代选择器和兄弟选择器，其中子代选择器由符号连接，兄弟选择器由符号“+”和“~”连接，具体如下所示。

（1）关系选择器

例如： h1>strong

说明：表示选择嵌套在h1标记的子标记strong。

（2）临近兄弟选择器

例如： h2+p

说明：表示选择h2标记后紧邻的第一个兄弟标记p。

（3）普通兄弟选择器

例如：p~h2

说明：表示选择p标记所有的h2兄弟标记

在css中使用 .类名{} 的形式来进行定义类，在html标签中添加一个class属性，将类放class属性的值中，便可在标签中使用相应的类

元素.类名例如：p.abc{ color:red; } 类名是abc的标签p的颜色是red 类名.元素 .abc p{ color:red; } 表示：类名abc的任何标签旗下的p标签颜色是red

选择器body > div 只操作body下级的div。div1 + div2 只选择div1 同级随后相邻最近的div2div1 ~ p 选择div1下所有的p属性选择器

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。