css选择器

来源：互联网发布：手机网络优化加速软件编辑：程序博客网时间：2024/06/15 11:27

1.基础的选择器

*{ } 通用元素选择器，匹配任何元素E{ }标签选择器，匹配所有使用E标签的元素.con{ } class选择器，匹配所有class属性中包含con的元素#footer{ }id选择器，匹配所有id属性等于footer的元素

2.组合选择器

p ,span {  } 多元素选择器，同时匹配所有p元素或span元素，之间用逗号分隔p span {  } 后代元素选择器，匹配所有属于p元素后代的span元素，之间用空格分隔p > span {  } 子元素选择器，匹配所有p元素的子元素spanp +span {  } 毗邻元素选择器，匹配所有紧随p元素之后的同级元素span

3.CSS 2.1 中的伪类

E:first-child   匹配父元素的第一个子元素E:link  匹配所有未被点击的链接E:visited  匹配所有已被点击的链接E:active  匹配鼠标已经其上按下、还没有释放的E元素E:hover  匹配鼠标悬停其上的E元素E:focus  匹配获得当前焦点的E元素

4.CSS 2.1中的伪元素

E:first-line  匹配E元素的第一行E:first-letter  匹配E元素的第一个字母E:before  在E元素之前插入生成的内容E:after  在E元素之后插入生成的内容

0 0