[TIL]21.05.27

CSSセレクタ、レイアウト初期化、em、remの使用

:CSSコレクタ

<ul>
  <li>
  	<div>감사합니다</div>
    	<div>영어론 땡큐</div>
  </li>
</ul>

親コレクターでサブコレクターとして選択します.

ul li:first-child{
	font-weight: bold;
    	color: red;
        list-style:none;
}

ul li > nth-child(2){
	font-size: large;
    	color: blue;
}

場合

すなわちfirst−childが優先的に選択されるため、2番目のnth−child(2)コレクタに適用される属性は適用されない.正確にはfirst-childより遅れている.
つまり、そのように適用したい場合は、次のように書くべきです.

li{
 	list-style:none;
}

ul > li:nth-child(1){
	font-weight: bold;
    	color: red;
}

/* li:nth-child(2){
	font-size: large;
    	color: blue;
} */

.thank {
  	font-size: large;
    	color: blue;
}

レイアウトの初期化

* {
	box-sizing: border-box;
}
body{
 	margin: 0;
 	padding: 0;
}

// 도 괜찮고,

* {
	box-sizing: border-box;
    	margin: 0;
 	padding: 0;
}

// 처럼 전체셀렉터로 적용해줘도 레이아웃을 초기화하기 좋은 것 같다..
// 아직 잘 모르지만.. 따로 body를 안쓸때는 저렇게 쓰는 것 같다.

デフォルトのフォントサイズは16 pxです.

:したがって、フォントサイズは基本的に指定されません.emとremを使用すると、デフォルトのフォントサイズは16 pxを相対単位として測定されます.

プログラマlevel 1は、小数を作成する問題を解決します.

:

const solution = (nums) => {
    let result = 0;
    const len = nums.length;
    
    for(let i = 0; i < len; i++){
        for(let j = i + 1; j < len; j++){
            for(let k = j + 1; k < len; k++){
                const numbers = (nums[i] + nums[j] + nums[k])
                if(isPrime(numbers)){
                    result++;
                }
            }
        }
    }
    return result;
}

function isPrime(number){
    if(number < 2)return true;
    for(let i = 2; i < number; i++){
        if(number % i === 0)return false;
    }
    
    return true;
}