CSS是网页设计中常用的样式表语言,为了方便网页的样式设定,CSS提供了三种扩展选择器,让网页设计师更加轻松地进行样式的设定。本文将介绍CSS三大扩展选择器。CSS子选择器CSS子选择器用来选择指定元
CSS是网页设计中常用的样式表语言,为了方便网页的样式设定,CSS提供了三种扩展选择器,让网页设计师更加轻松地进行样式的设定。本文将介绍CSS三大扩展选择器。
CSS子选择器用来选择指定元素下的子元素,若想要选取某个元素下的直接子元素,可以使用“>”符号。
.parent > .child { color: red; }
上述代码表示选择类名为parent的元素下的所有类名为child的子元素,并将其文字颜色设为红色。
CSS相邻兄弟选择器用于选择该元素之后紧跟的同辈元素,例如:
h2 + p { font-weight: bold; }
上述代码表示选择紧跟着h2元素的p元素,将其文字设置为加粗。
CSS属性选择器用于选取具有指定属性的元素,且属性值可以为指定的值或者以指定值开头,例如:
[type="submit"] { background-color: blue; }
上述代码表示选取type属性值为submit的元素,并将其背景颜色设置为蓝色。
以上就是CSS三大扩展选择器的介绍,希望能帮助大家更加深入了解CSS。
粉丝
0
关注
0
收藏
0