/* IP限制 */ body:not([data-ip="192.168.0.10"]) { display: none; }
首先,大家需要在HTML的body标签中加入data-ip属性。像这样:
其中,data-ip的值就是大家需要限制的IP地址。如果有多个IP,可以使用空格分隔。
然后,在CSS中使用:not伪类选择器,选择除data-ip属性为指定IP地址以外的所有元素进行隐藏:
body:not([data-ip="192.168.0.10"]) { display: none; }
这样,在IP地址不在限制列表中时,页面中的所有内容都将被隐藏,保护数据的安全。