[分享]css变小手为什么把一排都变了

在使用CSS样式时，经常会遇到需要将鼠标移动到某处时，将原本的鼠标型态变为小手的情况。但是在设置完成后，却发现整个页面都出现了这种小手型态，而不是只有在特定位置才出现小手。这是因为CSS样式具有继承性...

在使用CSS样式时，经常会遇到需要将鼠标移动到某处时，将原本的鼠标型态变为小手的情况。但是在设置完成后，却发现整个页面都出现了这种小手型态，而不是只有在特定位置才出现小手。这是因为CSS样式具有继承性。

 cursor: pointer; 

上面的代码就是用来将鼠标型态变为小手的代码。然而，当我们将该代码应用到整个页面时，所有元素的鼠标型态都会变为小手型态，因为默认情况下，CSS会将样式的继承性设置为true，修改一个元素的样式就可能会影响到它所有的子元素。

为了避免这种情况的发生，我们可以在需要使用小手型态的元素上添加该CSS属性，而不将其应用于整个页面：

 .class {
        cursor: pointer;
    } 

这样，只有带有“class”类名的元素才会出现小手型态，其它元素不受影响，避免了整个页面都变为小手型态的情况。通过合理运用CSS样式的继承性，我们可以更好地控制样式的应用范围，使得页面的外观更加精美。