0 Comments

爬行的蜗牛dede(织梦)36讲-class 值中可能包含一个词列表

发布于:2015-05-06  |   作者:爬行的蜗牛  |   已聚集:人围观

爬行的蜗牛在写css的时候,class里面一般只写一个类,比如class="new",但是今天遇到一个在里面写两个词,比如class="clolor size"这样的。比较好奇自己研究一下:

新建一个html文件命名为123.html代码如下:

<link href="css.css" rel="stylesheet" type="text/css" /> <p class="color size">12313132</p>

然后新建一个css.css文件 代码如下:

.color {color:red;}
      .size {font-size:50px;}
      .color.size {background:green;}

然后我们看一下123.html的结果如图:

class 值中可能包含一个词列表

     根据这个结果我们看出这里面的三个都起了作用,背景颜色,字体和字体颜色。

     我们新建一个文件命名为345.html代码如下:

     <link href="css.css" rel="stylesheet" type="text/css" /> <p class="color">12313132</p>

     结果如下:

class 值中可能包含一个词列表

      也就是说.color.size {background:green;}这段代码是必须这两个类同时在才会起作用。

      我们在研究下前后顺序会不会冲突:

      我们修改css.css文件如下:

      .color {color:red;font-size:50px;}
      .size {font-size:12px;}
      .color.size {background:green;}

      再看一下123.html:

class 值中可能包含一个词列表

      我们可以看出这里的两个类如果有冲突是根据先后顺序,后面的覆盖前面的。

      就写到这里,爬行的蜗牛:http://www.pxwoniu.com/dede/82.html

标签:爬行的蜗牛(283)css(8)
飞机

扫描二维码,访问爬行的蜗牛手机网站

在线咨询