목록선택자 (3)
DevSSOM
제이쿼리 선택자 제이쿼리 선택자는 CSS 선택자와 유사한 구조를 가지고 있음. $("태그이름") $("#아이디 속성값") $(".클래스 속성값") - CSS 선택자 h1 // 태그에 접근할 때 #title // id에 접근할 때 .article // class에 접근할 때 - jQuery 선택자 $("h1") // 태그에 접근할 때 $("#title") // id에 접근할 때 $(".article") // class에 접근할 때 만약, 디자인을 입히고 싶다. 즉, CSS와 관련된 기능을 사용하고 싶다고 한다면, jQuery에서 제공하는 css메소드를 활용하면 됨. 디자인은 .css('css 속성', 'css 속성값') 형태로 입력. $("h1").css("color", "blue"); 연습문제 funct..
캐스케이딩 : CSS의 우선순위를 결정하는 세 가지 요소. 1. 순서 동일하게 태그를 선택한 상황에서, 같은 속성을 사용하는데 속성값만 다름. 이 경우에는, 나중에 작성한 속성값의 우선순위가 높기 때문에 이 때 컬러는 blue로 표기가 됨. Hello World // style.css 문서 p { color: red; } p { color: blue; } 2. 디테일 같은 태그라도, 하나는 부모를 명시해줬고, 다른 하나는 그냥 태그라면, header 안의 p가 좀 더 구체적으로 작성된 CSS 선택자이기 때문에 색상은 red로 나타나게 됨. Hello World // style.css 문서 header p { color: red; } p { color: blue; } 3. 선택자 사용하는 선택자에 따라서도..
선택자(Selector) HTML의 어떤 요소에 CSS를 적용할 것인지 선택하는 방법. - Type : HTML 태그명을 다이렉트로 입력하고 CSS 적용. // Type Hello World - Class : HTML 태그에 class라고 하는 속성을 태그에 넣어서 별명을 지정하고, CSS에서는 .(점)을 사용해서 클래스 속성값을 입력. // Class Hello World - ID : HTML태그에 id라고 하는 속성을 사용해서 이름을 지정하고, CSS에서는 #(샵)을 사용해서 ID 속성값을 입력. // ID Hello World