我附上了两个if条件的例子.第一个if条件按预期工作.第二个if条件返回11,但为什么？我知道第二个if条件是错误的,但我想理解为什么Javascript在这种情况下返回11.
function exception(number) {
// if(number === 10 || number === 11) { // Working as expected
if(number === 10 || 11) { // Why 11?
console.log(number);
}
}
function loop(f) {
for (i = 0; i <= 100; i++) {
f(i);
}
}
loop(exception);
我知道这真的是一个新手问题,但不知怎的,我无法弄清楚为什么下面的例子不起作用.我们的想法是,bootstrap根据视图端口大小应用不同的css规则.但不知何故,Bootstrap始终在样式注释中应用最新的css规则.无论视口大小是xs,sm,md还是lg.
<!DOCTYPE html>
<html lang="en">
<head>
<!-- To ensure proper rendering and touch zooming,
add the viewport meta tag to your <head>. -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap grid system</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" />
<style>
.col-xs-12 {
background-color: #204d74;
font-size: 40px;
}
.col-sm-6 {
background-color: #449d44;
font-size: 30px;
}
.col-md-4 {
background-color: #ac2925;
font-size: 20px;
}
.col-lg-4 {
background-color: #ffff00;
font-size: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">.col-xs-12 .col-sm-6 .col-md-6 .col-lg-4. .col-xs-12 .col-sm-6 …