如何优先显示属性css

html-css010

如何优先显示属性css,第1张

第一种:

在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标签内容: