一、.css选择器语法
1、通过元素之前嵌套关系

案例1:div,p选择所有<div>元素和所有<p>元素

案例2:div p 选择<div>元素内部所有<p>元素

2、通过属性


案例1:[id]:带有id属性的所有元素

案例2:[ name="description"]:选择name="description"的所有元素

案例3:a[href^="https://"]:选择其href属性值以"https://"开头的每个<a>元素

案例4:a[href$="com"]:选择其href属性值以"com"结尾的每个<a>元素

案例5:a[href*="baidu"]:选择其href属性值包括“baidu”的每个<a>元素

3、通过父子关系

案例1:p:only-child:选择属于其父元素的唯一的子元素的每个<p>元素。

案例2:p:nth-child(2):选择其父元素的第二个子元素的每个<p>元素。

本文详细介绍了CSS选择器的使用方法,包括基本的选择器语法、通过元素的嵌套关系、属性及父子关系进行选择的具体案例。

被折叠的 条评论
为什么被折叠?



