一、ID选择器
ID选择器类似于类选择器,不过也有一些重要差别
例如:#id{}
二、类选择器和ID选择器的区别
ID只能在文档中使用一次,而类可以多次使用
<div id="myDiv">HelloWorld</div><div class="div1"></div><div class="div1"></div><div class="div1"></div>
ID选择器不能结合使用
当使用JS时需要用到id
三、属性选择器
1.简单属性选择:
例如:[title]{}
<p title="">Hello</p>[title]{ color: aqua;}
2.根据具体属性值选择
除了选择拥有某些的元素,还可以进一步缩小选择范围,只选择有特定属性值的元素
例如:a[href="www.baidu.com"]{};
[href]{ font-size: 30px;}<a href="">百度</a>
3.属性和属性值必须完全匹配
[href="https://www.baidu.com"]{ font-size: 30px;}<a href="https://www.baidu.com">百度</a>
4.根据部分属性值选择
<p title="a">Hello</p><p title="b">Hello</p><p title="c a">Hello</p><p title="d a">Hello</p><p title="ea">Hello</p>[title~="a"]{ font-size: 50px;}
四、后代选择器
1.后代选择器可以选择作为某元素后代的元素
<p>This is my <strong>web</strong> page</p>p strong{ color: fuchsia;}
五、子元素选择器
1.与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素
它只能选择当前一个层级关系的,如果隔代是不可以的
例如:h1>strong{};
如存在多层,需要逐层找到
p>i{ color: fuchsia; font-size: 30px;}<p>This is my <strong>web <i>Hello Hello</i></strong> page</p>
六、相邻兄弟选择器
1.相邻兄弟选择器可选择紧接在另一个元素后的元素,且二者有相同父元素
注意两点
一个是选择元素后的元素,意味着当前元素是不起效果的
第二点注意二者有相同的父级元素
例如:h1+p{};
li+li{ font-size: 50px; color: red;}<div> <ul> <li>item1</li> <li>item2</li> <li>item3</li> </ul></div>
这个选择器在实际应用中用的不是特别多,这里稍作了解即可

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

메뉴에서 점선 분할 효과를 설계하는 방법은 무엇입니까? 메뉴를 설계 할 때는 일반적으로 접시 이름과 가격 사이에 왼쪽과 오른쪽을 정렬하는 것이 어렵지 않지만 점선 또는 중간의 점은 어떻습니까?

웹 코드 편집기의 HTML 요소 분석 많은 온라인 코드 편집기를 사용하면 사용자가 HTML, CSS 및 JavaScript 코드를 입력 할 수 있습니다. 최근에 누군가가 제안했습니다 ...


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기

안전한 시험 브라우저
안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
