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开头.

 

 

posted on 2013-08-11 22:49  独孤求爱  阅读(143)  评论(0编辑  收藏  举报

导航