国外砖家分析，男女性存在很大的生理差异.

男性用户与女性用户对互联网的浏览和消费行为有着明显的偏好不同，为了针对不同性别的人群提供更好的服务，许多网站都拥有针对女性用户有不同的版本定制的需求:

男生版：

女生版：

为了更好地支持这样的需求，W3C组织宣布新增media query的性别标准，在最新版的chrome浏览器和IE11中，可以这样为同一个网页提供男性和女性用户不同的css：

<!-- 针对女性用户的网页版css -->
<link href="css/forwoman.css" rel="stylesheet" type="text/css" media="woman" />

<!-- 针对18-24岁年龄的女生的css -->
<link href="css/forwoman.css" rel="stylesheet" type="text/css" media="woman and (min-age:18, max-age: 24)" />

除了这种方式之外，也可以通过@import方式引入：

@import url("css/forwoman.css") woman;

或者@media引入：

@media woman{
  选择器{
    属性: 属性值;
  }
}

以上内容纯属YY，祝大家愚人节快乐~

扫码关注w3ctech微信公众号