목차
回复讨论(解决方案)
웹 프론트엔드 HTML 튜토리얼 css样式不起作用??id选择器的优先级不是高于元素选择器吗?_html/css_WEB-ITnose

css样式不起作用??id选择器的优先级不是高于元素选择器吗?_html/css_WEB-ITnose

Jun 24, 2016 am 11:57 AM
작동하지 않습니다 우선 사항 요소 선택자

请看代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">div{display:inline;width:100px;height:100px;padding:0;margin:0;float:left;}#div0{ width::400px;height:200px; background-color:black;display:block;float:none;}.div1{ background-color:red;}.div2{ background-color:blue;}.div3{ background-color:yellow;}</style></head><body><div id="div0">  <div class="div1"> 1</div>  <div class="div2"> 2</div>  <div class="div3"> 3</div></div></body></html>
로그인 후 복사

效果图:

按照css的定义,div1,div2,div3都应该横向排列才对呀?为什么呈现效果是纵向的?求教各位


回复讨论(解决方案)

晕!width后面多了个冒号!所以css没起作用
这就是Dreamweaver没有代码检查弊端啊,用VS一下子就看出来错误来了

我也看到了,#div0的样式那里width多了个冒号。

好吧,没人想接分吗?没有就都给楼上了

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

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

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Teams에서 맞춤법 검사가 작동하지 않음 [수정됨] Teams에서 맞춤법 검사가 작동하지 않음 [수정됨] Mar 06, 2024 am 09:10 AM

때때로 Teams에서 맞춤법 검사가 작동하지 않는 경우가 있다는 사실을 알아차리기 시작했습니다. 맞춤법 검사는 효과적인 의사소통을 위한 필수 도구이며 이에 대한 공격은 작업 흐름에 상당한 혼란을 초래할 수 있습니다. 이 문서에서는 맞춤법 검사가 예상대로 작동하지 않는 일반적인 이유와 이전 상태로 복원하는 방법을 살펴보겠습니다. 따라서 Teams에서 맞춤법 검사가 작동하지 않는 경우 이 문서에 설명된 해결 방법을 따르세요. Microsoft 맞춤법 검사가 작동하지 않는 이유는 무엇입니까? Microsoft 맞춤법 검사가 제대로 작동하지 않는 데에는 여러 가지 이유가 있을 수 있습니다. 이러한 이유에는 호환되지 않는 언어 설정, 맞춤법 검사 기능 비활성화, MSTeam 또는 MSOffice 설치 손상 등이 포함됩니다. 또한 오래된 MSTeams 및 MSOf

Linux 프로세스 우선순위 조정 방법에 대한 자세한 설명 Linux 프로세스 우선순위 조정 방법에 대한 자세한 설명 Mar 15, 2024 am 08:39 AM

Linux 프로세스 우선순위 조정 방법에 대한 자세한 설명 Linux 시스템에서는 프로세스의 우선순위에 따라 시스템의 실행 순서와 리소스 할당이 결정됩니다. 프로세스의 우선순위를 합리적으로 조정하면 시스템의 성능과 효율성을 향상시킬 수 있습니다. 이 기사에서는 Linux에서 프로세스 우선순위를 조정하는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. 1. 프로세스 우선순위 개요 Linux 시스템에서 각 프로세스에는 그에 연관된 우선순위가 있습니다. 우선순위 범위는 일반적으로 -20~19입니다. 여기서 -20은 가장 높은 우선순위를 나타내고 19는

CSS 변환: 요소의 회전 효과를 얻는 방법 CSS 변환: 요소의 회전 효과를 얻는 방법 Nov 21, 2023 pm 06:36 PM

CSS 변환: 요소의 회전 효과를 얻으려면 특정 코드 예제가 필요합니다. 웹 디자인에서 애니메이션 효과는 사용자 경험을 개선하고 사용자의 관심을 끄는 중요한 방법 중 하나이며 회전 애니메이션은 가장 고전적인 방법 중 하나입니다. CSS에서는 "transform" 속성을 사용하여 회전을 포함한 요소의 다양한 변형 효과를 얻을 수 있습니다. 이 기사에서는 CSS "변환"을 사용하여 요소의 회전 효과를 얻는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. 1. CSS의 “transf”를 사용하는 방법

CSS를 사용하여 요소의 투명도 그라데이션 효과를 얻는 방법 CSS를 사용하여 요소의 투명도 그라데이션 효과를 얻는 방법 Nov 21, 2023 pm 01:38 PM

CSS를 사용하여 요소의 투명도 그라디언트 효과를 얻는 방법 웹 개발에서 웹 페이지 요소에 전환 효과를 추가하는 것은 사용자 경험을 향상시키는 중요한 수단 중 하나입니다. 투명도의 그라데이션 효과는 페이지를 더 매끄럽게 만들 뿐만 아니라 요소의 주요 내용을 강조할 수도 있습니다. 이 기사에서는 CSS를 사용하여 요소의 투명도 그라데이션 효과를 얻는 방법을 소개하고 구체적인 코드 예제를 제공합니다. CSS 전환 속성 사용하기 요소의 투명도 그라데이션 효과를 얻으려면 CSS 전환 속성을 사용해야 합니다. 티

Go 언어의 연산자 우선 순위 목록, 어떤 연산자의 우선 순위가 가장 높습니까? Go 언어의 연산자 우선 순위 목록, 어떤 연산자의 우선 순위가 가장 높습니까? Jan 03, 2024 pm 04:59 PM

Go 언어에는 다양한 수학적, 논리적 연산을 수행하는 데 자주 사용되는 많은 연산자가 있습니다. 각 연산자에는 표현식에서 평가되는 순서를 결정하는 고유한 우선 순위가 있습니다. 이 글에서는 Go 언어 연산자의 우선순위 순위를 소개하고 우선순위가 가장 높은 연산자를 알아봅니다. Go 언어의 연산자는 우선순위가 높은 것부터 낮은 것 순으로 괄호: ()입니다. 괄호는 연산자의 우선순위를 변경하는 데 사용됩니다. 표현식의 괄호가 먼저 평가됩니다. 단항 연산자: +, -, !. 단항 연산자는 단 하나만 의미합니다.

jQuery에서 요소에 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까? jQuery에서 요소에 속성 값이 포함되어 있는지 확인하는 방법은 무엇입니까? Feb 28, 2024 pm 02:54 PM

jQuery에서는 요소에 특정 속성 값이 포함되어 있는지 확인해야 하는 경우가 많습니다. 이렇게 하면 요소의 속성 값을 기반으로 작업을 수행하는 데 도움이 됩니다. 이번 글에서는 jQuery를 사용하여 요소에 특정 속성 값이 포함되어 있는지 확인하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 먼저 요소의 속성을 조작하는 jQuery의 몇 가지 일반적인 메소드를 살펴보겠습니다. .attr(): 요소의 속성 값을 가져오거나 설정하는 데 사용됩니다. .prop(): 요소의 속성 값을 가져오거나 설정하는 데 사용됩니다.

Linux의 프로세스 우선순위에 대한 깊은 이해 Linux의 프로세스 우선순위에 대한 깊은 이해 Mar 14, 2024 pm 09:36 PM

Linux의 프로세스 우선순위를 깊이 이해하려면 구체적인 코드 예제가 필요합니다. Linux 시스템에서는 프로세스의 우선순위가 매우 중요한 개념입니다. 프로세스의 우선순위를 적절하게 설정함으로써 시스템 자원 할당을 효과적으로 제어하고 시스템 성능을 향상시킬 수 있습니다. 이 기사에서는 Linux의 프로세스 우선순위 개념을 자세히 살펴보고 특정 코드 예제를 통해 이를 시연하고 연습합니다. 1. Linux의 프로세스 우선순위 개념 Linux 시스템에서 프로세스의 우선순위 범위는 -20부터 19까지이며, 여기서 -20이 가장 높은 우선순위를 나타냅니다.

jQuery를 사용하여 요소의 표시 상태 결정 jQuery를 사용하여 요소의 표시 상태 결정 Feb 23, 2024 pm 09:24 PM

요소가 표시되는지 여부를 확인하려면 jQuery를 사용하세요. 웹 개발에서 요소가 표시되는지 확인해야 하는 상황이 자주 발생합니다. 요소의 가시성을 판단하고 운영하는 것은 jQuery를 통해 쉽게 이루어질 수 있습니다. 이 기사에서는 jQuery를 사용하여 요소의 가시성을 결정하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. jQuery의 요소 가시성 판단 방법 jQuery에서는 몇 가지 특정 방법을 사용하여 요소의 가시성을 판단할 수 있습니다. 가장 일반적으로 사용되는 방법은 .is(':vis

See all articles