- 可见性选择器
:visible | 匹配所有可见元素 |
:hidden | 匹配所有不可见元素 |
可见元素: 如果元素占据文档的空间,元素被认为是可见的
不可见元素:如果元素未占据文档的空间,元素被认为是不可见的
注意:元素的visibility:hidden或opacity:0被认为是可见,因为元素即使具有该属性仍占用一定的空间布局
2.举例说明
Input表单元素:
设置:<input type="text" id="n20" value="" style="width: 0px;height:0px;”/>
说明: input元素仍不是不可见元素,在网页查看发现input元素仍占据 4*6的空间,后发现input元素具有默认的值,
因此设置style="width: 0px;height:0px;padding: 0px;margin:0px;border:0px"后变为不可见元素,此时页面占据空间为0*0
Div元素:
设置:style="width: 0px;height:0px;”
说明:为不可见元素
Span元素:
设置:style="width: 0px;height:0px;”
说明:非不可见元素,网页查看发现style未起作用,style="width: 0px;height:0px;display:inline-block”
后为不可见元素