当前博客:选择器的讲解:7.关系型选择器

270 次浏览【转载需注明来源】


关系型选择器:

语法规则:(以下A,B都代表是基础选择器或高级选择器)

A+B:代表匹配的是A选择器后紧随的下一个姊妹元素B

A~B:代表匹配的是A选择器后面紧随的全部姊妹元素B

姊妹元素:同级,平级,所谓的兄弟元素

下面来看一下代码示例及效果

 

下面我们来了解一下伪选择器

伪选择器主要用来处理文本的样式

上示例代码~

段落::first-letter    : 这里匹配的是第一个字符,注意 标签名后面是两个冒号

段落::first-line    : 这里匹配的是第1行内容

段落::selection    : 这里匹配的是段落内容中被选中的内容

好了.以上~练起来

下一篇我们来看伪类选择器

选择器的讲解:7.关系型选择器