欢迎来到知了堂!
联系电话:知了堂-电话号码 028-62016472

成都web培训笔记:类选择器和继承性、层叠性-知了堂

成都web培训笔记:类选择器和继承性、层叠性

  今天成都web培训老师给各位带来了上周Web前端培训课程的Web课堂笔记,希望对各位Web学习者有所帮助。

  (1)类选择器

  注意要点: 命名规范;类选择器不要塞进去各种属性,尽量单纯 比如(.fs12{font-size:12px;}), 也是要让类选择器成为公用的,让更多标签使用;尽量使用类选择器添加样式(id选择器会在js中频繁使用)

  (2) css2.1高级选择选择器

  1、 后代选择器:描述的是一种祖先结构,所以写在前面的是长辈,写在后面的是小辈,辈分一旦乱了,该选择器失效(div .hezi2 #box3{key:value;})

  2、交集选择器 C=AB (div#box2 就是第二个盒子)描述的是两个选择器共同拥有的部分

  3、并集选择器 h1,pcolor:red; 就等价于h1 color:red;和p color:red

  4、通配符选择 *color:red 就是把文档中所有的标签都选上

Web培训笔记:类选择器和继承性,层叠性

  Web培训笔记:类选择器和继承性,层叠性

  (3)继承性

  1>关于,可以通过浏览器审查元素(检查)观察,有一项inherited(英文继承)from div 就是表示从父辈及以上继承属性

  2>有些属性是可以被继承,有些是不能,

  color font-XX text-XX line-XX,这些对文字进行属性设置的属性,可以被继承,然而其他的,对盒子进行设置的属性是不能被继承的,比如border

  3>继承的属性权重为0.

  (4)层叠性

  1. 如果都直接选中,那么权重大的起作用

  2. 如果都选中且权重一样大,那么谁写下面谁起作用

  3. 如果有选中与没选中比较,没选中的直接被干掉,也就是有选中的起作用

  4. 如果都没有选中,按照就近原则

  5. 如果都没有选中且一样近的情况下,那么根据权重,如果权重也一样,那么谁写下面谁起作用