不懂就要问.show{display: block;}.hide{display: none;}

Question

关于.show{display: block;}.hide{display: none;}里.show 和.hide  这两个不太懂，求大神解答。

Answer 1

.show{                //.show是一个选择器，他会选择class属性值包含show的元素
    display: block;   // 这是一个声明，会对被选择的元素设置display属性为block
}
.hide{                //与上部分同理
    display: none;
}

css语句的解释就是上面那样，但是实现的功能是，.show选择class属性值包含show的元素，将他的display属性为block，这样他就是一个块级元素。你可以看到。.hide选择class属性值包含hide的元素，将他的display属性为none，这样他就不会再屏幕上显示，达到隐藏的效果。具体还要根据你的全部代码自己理解下

Answer 2

.show和.hide都是定义的class名字。是自己取的一个名字，不是特定的语法。你也可以叫.a或者.b，和元素里的class保持一致就可以了。比如<div class="a"></div>。

.show{dispalay:block;}是一个类选择器。就是选择class="show"的元素，并赋予｛｝内所表述的样式，这里的样式是"显示"。

另外 一个常用的是ID选择器，其形式是#idName｛样式语句；｝。对比一下应该就可以理解了。