CSS的问题！

Posted 2023-05-13

<div class="index_xzinfo index_mar color1">
</div>

如上代码 定义了类别选择器。我想后面为什么要用空格分隔开来在写几个是什么意思？

参考技术A 这样写是指一个标签同时指定多个选择器，这样标签会合并选择器中的样式然后再一起显示出来 ，这样写可以减少CSS样式文件，提高浏览速度。 参考技术B 打个比方 index_xzinfo这是一个祖父辈的 index_mar 这个是父辈的 color1 这就是子辈的 可以这样理解 这个div所调用的css样式是 index_xzinfo这个类下面的index_mar这个类 下面的 color1，也就是说调用的必须是这个顺序下面的color1的样式，可能还有这个样式 但是这里就是只能调用祖父辈下面父辈下面的他的样式。。。不懂可以追问追问

那又何必 这样绕弯？ 直接搞一个多好

追答

如果你定义的多呢？ 如果有一个公用样式都叫做color1 但是你只想改变index_xzinfo index_mar这个样式下面的color1 就要这样写了 就不会影响其他的color1

参考技术C 就是又定义了一个样式 叫index_mar color1
<div class="index_xzinfo index_mar color1">
这个是同时命名2个选择器 一个叫index_xzinfo 另一个叫index_mar color1本回答被提问者采纳

css中负值（px）的问题有啥？

margin取负值之后，例如margin-top:-1px; 元素会从父框架的顶部突出一个像素，如果父框架设置了overflow:visibled的话，这个元素就会看起来显示在父框架外面了,如果取了正值，例如margin-top:1px;元素就是距离父框架的顶部一个像素，会在父框架内显示。

padding取了负值之后是没有任何效果的，浏览器会认为padding:0。如果padding取正值，就是在元素内部填充，这个很好理解。position取了负值之后的效果和margin差不多，只是position通常是应用绝对定位场景的，而margin通常是应用在相对定位场景的，而且position可以定义z轴上的位置关系，但是margin一般是不可以的，两个的区别主要是在这个方面，至于取负值，在视觉上其实没有什么太大的区别。

参考技术A margin取负值之后，例如margin-top:-1px; 元素会从父框架的顶部突出一个像素，如果父框架设置了overflow:visibled的话，这个元素就会看起来显示在父框架外面了~如果取了正值，例如margin-top:1px;元素就是距离父框架的顶部一个像素，会在父框架内显示。

padding取了负值之后是没有任何效果的，浏览器会认为padding:0。如果padding取正值，就是在元素内部填充，这个很好理解，就不解释了。

position取了负值之后的效果和margin差不多，只是position通常是应用绝对定位场景的，而margin通常是应用在相对定位场景的，而且position可以定义z轴上的位置关系，但是margin一般是不可以的，两个的区别主要是在这个方面，至于取负值，在视觉上其实没有什么太大的区别。