[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;
    }