반응형

2023/11 2

<CSS> active, hover, press 차이

active, hover, press 차이 CSS에서 :active, :hover, 그리고 :focus는 요소에 사용자 상호작용에 따라 다르게 스타일을 적용하는 데 사용되는 가상 클래스(가상 선택자)입니다. 이들 각각의 동작과 차이점은 다음과 같습니다: hover : 마우스를 올리고 있는 동안 active : 마우스를 클릭하고 있는 동안 visited : 마우스를 한번 클릭 한 이후 :active: - :active 가상 클래스는 요소가 활성화되었을 때 적용됩니다. ⓐ 이는 주로 클릭한 순간에 발생합니다. ⓑ 예를 들어, 버튼을 클릭하면 버튼이 활성화되어 눌린 상태를 나타내기 위해 :active 스타일을 적용할 수 있습니다. ```javascript button:active { background-col..

<Javascript> 다중으로 조건문 연산하기 (삼항연산자)

다중연산자는 모두가 알고 있다. 그럼 3개 이상은 어떻게 구현해야 할까,,? - 구문 condition ? exprIfTrue : exprIfFalse 조건 연산자는 아래와 같이 연결해 사용할 수 있다. 이는 연결된 if … else if … else if … else와 유사합니다. function example(…) { return condition1 ? value1 : condition2 ? value2 : condition3 ? value3 : value4; } 위 코드는 아래의 연결된 if ...else 문과 동일하다고 볼 수 있다. function example(…) { if (condition1) { return value1; } else if (cond..

반응형