admin 管理员组

文章数量: 1184232

css表示class下的标签,CSS

看《CSS权威指南》

class标签的运用———class含有多个词语

下面几个例子可以更好的了解class标签

例子1

Document

标签1

标签2

标签3

讲道理这里只让标签1为红色，但是实际结果是标签1，标签3都变成了红色

例子2

.one.two{

color:red;

}

两个标签直接连着写，没有空格

有空格

中间用逗号相连

例子3：

.one{

color:red;

}

.two{

color:blue;

}

可以理解为就近原则生效

.one{

color:red;

}

.two{

color:blue;

}

.one.two{

color:green;

}

emmm....突然想到如果直接命令one two标签会怎么样

/*

.one{

color:red;

}

.two{

color:blue；

}

*/

.one two{

color:green;

}

什么标签都没无效了，所以class标签里用空格要小心阿喂

返回继续例子：

.one{

color:red;

}

.two{

background-color:yellow;

}

.one.two{

font-style:italic;

}

.one{

color:red;

}

.two{

background-color:yellow;

}

.two.one{

font-style:italic;

}

效果和上一个例子一样

本文标签： css表示class下的标签 css

版权声明：本文标题：css表示class下的标签,CSS 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1697995519a281216.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。