CSS :out-of-range 선택기를 사용하여 지정된 범위를 벗어난 값으로 요소의 스타일을 지정합니다. 예시 다음 코드를 실행하여 :out-of-range 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> input:out-of-range {
CSS :out-of-range 선택기를 사용하여 지정된 범위를 벗어난 값으로 요소의 스타일을 지정합니다. 예시 다음 코드를 실행하여 :out-of-range 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> input:out-of-range {
CSS :read-only 선택기를 사용하여 읽기 전용인 요소를 선택하십시오. 예시 다음 코드를 실행하여 :read-only 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> input:read-only { background-color: blue
읽기 전용 요소를 선택하려면 CSS :read-only 선택기를 사용하세요. 예시 다음 코드를 실행하여 :read-only 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> input:read-only { background-color: blue;
CSS :read-write 선택기를 사용하여 읽기 및 쓰기 가능한 요소를 선택하세요. 예 다음 코드를 실행하여 :read-write 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> input:read-write { background-color
CSS :link 선택기를 사용하여 방문하지 않은 모든 링크의 스타일을 지정합니다. 다음 코드를 실행하여 :link 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> a:link { background-color: orange;
방문하지 않은 모든 링크의 스타일을 지정하려면 CSS :link 선택기를 사용하세요. 다음 코드를 실행하여 :link 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> a:link { background-color: orange;
CSS :not(selector) 선택기를 사용하여 지정된 요소가 아닌 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :not 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> p { color: red; &n
CSS :nth-child(n) 선택기를 사용하여 CSS로 부모의 두 번째 자식인 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :nth-child(n) 선택기를 구현할 수 있습니다. 예시 p:nth-child(4) { 배경:주황색; 색상:흰색; } 데모 텍스트 1입니다. 데모 텍스트 2입니다. 데모 텍스트 3입니다. 이것은 데모 텍스트 4입니다. 이것은 데모 텍스트 5입니다. 이것은 데모 텍스트 6입니다.
CSS3로 X축 3D 변환을 구현하기 위해 다음 코드를 실행할 수 있습니다. 예시 <html> <head> <style> div { width: 200px; height: 100px;
부모의 두 번째 자식인 모든 요소를 CSS로 스타일 지정하려면 CSS :nth-child(n) 선택기를 사용하세요. 예시 다음 코드를 실행하여 :nth-child(n) 선택기를 구현할 수 있습니다. p:nth-child(4) { 배경:주황색; 색상:흰색; } 데모 텍스트 1입니다. 데모 텍스트 2입니다. 데모 텍스트 3입니다. 이것은 데모 텍스트 4입니다. 이것은 데모 텍스트 5입니다. 이것은 데모 텍스트 6입니다.
CSS :nth-last-of-type(n) 선택기를 사용하여 마지막 자식부터 계산하여 부모의 두 번째 요소인 모든 요소를 선택합니다. 예시 다음 코드를 실행하여 :nth-last-of-type(n) 선택기를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> p:nth-last-of-type(2) {
CSS :nth-of-type(n) 선택기를 사용하여 부모의 n번째 요소인 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :nth-of-type(n) 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> p:nth-of-type(2) {  
다음은 3D 변환을 호출하는 데 사용되는 방법입니다. 값 설명 matrix3d(n,n,n,n,n,n,n,n,n,n,n,n, 엔,엔,엔,엔) 행렬의 16개 값을 사용하여 요소를 변환하는 데 사용 translate3d(x,y,z) x축, y축 및 z축을 사용하여 요소를 변환하는 데 사용 translateX(x) x축을 사용하여 요소를 변환하는 데 사용됩니다. translateY(y) y축을 사용하여 요소를 변환하는 데 사용 번역 Z(z) y축을 사용하여 요소를 변환하는 데 사용 스
CSS :nth-of-type(n) 선택기를 사용하여 부모의 n번째 요소인 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :nth-of-type(n) 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> p:nth-of-type(2) {  
CSS로 마우스 오버 시 링크의 스타일을 지정하려면 CSS:hover 선택기를 사용하십시오. hover, selector,를 구현하기 위해 다음 코드를 실행할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> a:hover { background-color:
CSS :in-range 선택기를 사용하여 지정된 범위 내의 값으로 요소의 스타일을 지정합니다. 다음 코드를 실행하여 범위 내 선택기를 구현할 수 있습니다. - 예시 <!DOCTYPE html> <html> <head> <style> input:in-range { border: 3px dashe
CSS :invalid 선택기를 사용하여 잘못된 값으로 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :invalid 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> input:invalid { background: red; &n
잘못된 값으로 모든 요소의 스타일을 지정하려면 CSS :invalid 선택기를 사용하세요. 예시 다음 코드를 실행하여 :invalid selector −를 구현할 수 있습니다. <!DOCTYPE html> <html> <head> <style> input:invalid { background:
CSS :lang 선택기를 사용하여 lang 속성 값으로 모든 요소의 스타일을 지정합니다. 다음 코드를 실행하여 :lang 선택기를 구현할 수 있습니다. 예시 <!DOCTYPE html> <html> <head> <style> p:lang(fr) { background: green;