在css中有不同的优先级
想提高某个属性的优先级:在元素后加!important;
比如,在CSS中给了.box {color:red !important}这个属性,就意味着类名为box的这个标签具有最高优先级,不管你把默认的颜色设置为什么,他最终只会显示红色。
第二种:
在定位时用z-index
z-index值越高,则越显示在前面
正常的z-index值等于0 最高999
CSS中显示和隐藏有多种方法,比较常见的是有display:none|blockvisibility: hidden|visible他们的区别在于,对文档流影响的区别。一般大家显示隐藏元素,比较倾向于用display。你如果想隐藏表格,可以用table{display:none}来操作。想显示的话把display:block即可。
1.新建html文档,在body标签中添加一个div标签,然后在div标签中添加p标签,为p标签添加内容:
2.
为了方便演示,给div标签设置宽高和背景颜色,然后给p标签设置“display”属性,属性值为“none”,这样p标签中的文字默认情况下不会显示:
3.
给div设置hover伪类,当鼠标移动到div区域时,设置p标签的样式为块级元素“block”:
4.
这样当鼠标移动到div上时就会显示p标签内容,鼠标离开就不显示p标签内容: