Home » 前端技术 » CSS高级选择符

CSS高级选择符

1、相邻同胞选择符(就是只对和自己平行的、相邻的、在我下面的元素起作用)
css: h1+p{color:red;}
html:

我爱你

我爱你

我爱你

我爱你

这时,css只对h1和后面的id=cd的内容起作用。
2、子选择符和后代选择符
#Con p{color:blue;}
#Con>p{color:red;}

我是第一级儿子层

我是第二级孙子层


3、属性选择符
a[target="_blank"]{color:red;padding:10px;}
新窗口打开
不在新窗口打开
a[href$=".zip"]{padding:5px;}
a[href^="mailto:"]{padding:5px;}
a[href *="ba"]{padding:5px;}
下载zip文件
给我发邮件
去百度看看

Continue reading... ,
分享