css的部分选择器

标签: css选择器
5人阅读 评论(0) 收藏 举报

CSS的选择器

  • css的儿子选择器:儿子是指要选择标签的下一级标签,所以儿子选择器就是当前选择器的下一级选择器,是要用>号将两者联系起来,例如:
    div>p{color:red;font-size:16px;}

  • 派生选择器:也叫作后代选择器,后代是指包含在当前你要选择的标签里的所有标签, 不是儿子选择器,需要用空格将其联系起来,例如:
    div p{color:blue;font-size:16px;}

  • 并集选择器:就是两个条件举要符合例如即要是div标签,还class名叫做c1的,两者连写没有空格
    div.c1{ color:red; }

  • 交集选择器:被选的标签都会实现并集选择器的效果,用逗号连接, 意思是p标签,li标签, h3标签都会被选择。例如
    p,li,h3{color:pink;}

  • 除以上选择器还有一些其他选择器需要理解和灵活运用例如兄弟选择器以及序选择器,序选择器可以选择任意的第几个,例如
    p:first-child{color:red;} 选择属于父元素的第一个子元素的每个 <p> 元素。
    p:first-letter选择每个 <p> 元素的首字母。

  • 关于a标签的选择器:
    1.a:link{}未被选择时链接的状态
    2.a:visited{}已经被选择时选择器的状态
    3.a:active{}当鼠标按下时没有松开时链接的状态
    4.a:hover{}当鼠标滑动到链接上时链接的状态

  • 通用选择器:就是可以选择所有的元素,对网页上的每一个元素均适用的,一般可以用于网页的初始化,用星号表示,例如
    *{padding:0px;margin:0px;}

查看评论

CSS的通配选择器

通配选择器 通配选择器用一个星号(*)表示。单独使用时,这个选择器可以与文档中的任何元素匹配,就像一个通配符。如,让页面上的所有文本都为黑色: * { color: black; } 当...
  • ixygj197875
  • ixygj197875
  • 2017年12月02日 06:47
  • 335

复杂的CSS选择器

一.基本的CSS选择器: 1.通配符    例:*{...} 2.类别选择器   例:.container{...} 3.ID选择器       例:#div1{.....} 4.群组选择器 ...
  • u014395826
  • u014395826
  • 2017年01月21日 20:44
  • 496

CSS选择器种类及介绍

首先说主要都有哪些先择器 1.标签选择器(如:body,div,p,ul,li) 2.类选择器(如:class="head",class="head_logo") 3.ID选择器(如:i...
  • jdfkldjlkjdl
  • jdfkldjlkjdl
  • 2013年12月11日 12:53
  • 1525

CSS——CSS的三种书写方式 CSS选择器

CSS有3种书写形式 行内样式:(内联样式)直接在标签的style属性中书写 style="color:red;"> 页内样式:在本网页的style标签中书写     bo...
  • liyunxiangrxm
  • liyunxiangrxm
  • 2016年06月12日 10:29
  • 1482

CSS-选择器及其兼容性

标签选择器就是用标签名来当做选择器。 1 、所有标签都能够当做选择器,比如body、h1、dl、ul、span等等 2 、不管这个标签藏的多深,都能够被选择上。 3 、选择的是所有的,而不是某一...
  • yume_sola
  • yume_sola
  • 2017年04月17日 20:29
  • 862

jQuery所支持的各类CSS选择器

jQuery In Action  是不错的技术图书,主要学习其选择器,具体使用时可以根据需要查看示例中的代码。对于AJAX方面的应用,个人感觉还是直接选用对应的框架或控件完成更合适。   jQu...
  • sinat_34719507
  • sinat_34719507
  • 2017年03月09日 00:27
  • 422

css后代选择器,子元素选择器

一,后代选择器 12-css后代选择器.html
  • haha_hello
  • haha_hello
  • 2017年02月10日 12:02
  • 1162

你必须记住的30个CSS选择器[译]

开篇 有30个CSS选择器你必须烂熟于心,它们适应于当今各大主流浏览器。 1.** { margin: 0; padding: 0; }*选择器选择的是每一个单一元素。很多程序员用上面的C...
  • kkkkkxiaofei
  • kkkkkxiaofei
  • 2016年05月19日 13:24
  • 2228

CSS选择器总结(代码实例+执行效果图)

CSS样式选择器代码实例: 1、标签选择器 2、类选择器 3、ID选择器 4、子选择器 5、包含选择器 6、通用选择器 7、伪类选择器...
  • zhangliangzi
  • zhangliangzi
  • 2015年11月22日 16:05
  • 1669
    个人资料
    等级:
    访问量: 33
    积分: 65
    排名: 167万+
    文章分类
    文章存档