css常用语法一 从头学jquery
一 css选择器:
1.通配选择器:*;
* { margin:0; padding:0; }
上面定义把所有元素的边距(margin)和补白(padding)定义为0,这是我们一般做网站写css的第一句;
通配选择器也可以定义某元素下面的所有元素;如 div #content * {...} div 层下面id为content下面的所有元素.
2.标签选择器
p {....}
3.ID选择器
#content {......}
4.类选择器
.contet {.....}
5 后代选择器
li strong {.....} div span {.....} div .content {......}
6子元素选择器
和后代选择器相似,子元素选择器中间要用>,如 li>strong {......} div>span {....},与后代选择器不同的是,它只用于他的子元素.
如<div>
<span>测试1</span>
<div><span>测试2</span></div>
</div>
div>span 只会作用于测试1 而div span 会作用于测试1和测试2
7.相邻兄弟选择器
中间用+连接 发 div+p{....}
如:<p>测试1</p>
<div><p>测试2</p></div>
<p>测试3</p>
<p>测试4</>
用 div+p只会作用于测试3
二 属性选择器
1.简易属性匹配
div[class]{.....} 只作用于有class的div. a[title]{.....}只作用于带有title属性的链接
2.精确匹配
a[href="#"][title="goole"]{.........}
3.部份值匹配
p[class~="waring"]{...}
4.特殊匹配
*[lang-="en"]{.....}匹配属性lang中以en开头.