狂虐H5+移动跨平台开发前端前端开发学习

10-CSS基础-CSS选择器

2016-10-04  本文已影响4644人  极客江南

CSS选择器

标签选择器

标签名称{
    属性:值;
}

id选择器

#id名称{
    属性:值;
}

类选择器

.类名{
    属性:值;
}
格式:
<标签名称 class="类名1 类名2 ...">
错误的写法:
<p class="para1" class="para2">

id选择器和类选择器

后代选择器

标签名称1 标签名称2{
    属性:值;
}

子元素选择器

标签名称1>标签名称2{
    属性:值;
}

后代选择器和子元素选择器

交集选择器

选择器1选择器2{
    属性: 值;
}

并集选择器

选择器1,选择器2{
    属性:值;
}

兄弟选择器

相邻兄弟选择器

选择器1+选择器2{
    属性:值;
}

通用兄弟

选择器1~选择器2{
    属性:值;
}

序选择器

属性选择器

input[type=password]{}
<input type="text" name="" id="">
<input type="password" name="" id="">

通配符选择器

*{
    属性:值;
}

学习交流方式:
1.微信公众账号搜索: 李南江(配套视频,代码,资料各种福利获取)
2.加入前端学习交流群:
302942894 / 289964053 / 11550038

上一篇下一篇

猜你喜欢

热点阅读