目录
回复讨论(解决方案)
首页 web前端 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 Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

拼写检查在团队中不起作用[修复] 拼写检查在团队中不起作用[修复] Mar 06, 2024 am 09:10 AM

我们已经开始注意到,有时拼写检查停止工作的团队。拼写检查是有效沟通的基本工具,任何对它的打击都会对工作流程造成相当大的破坏。在本文中,我们将探讨拼写检查可能无法按预期运行的常见原因,以及如何将其恢复到以前的状态。所以,如果拼写检查在团队中不起作用,请遵循本文中提到的解决方案。为什么Microsoft拼写检查不起作用?Microsoft拼写检查无法正常工作可能有多种原因。这些原因包括不兼容的语言设置、拼写检查功能被禁用、MSTeam或MSOffice安装损坏等。另外,过时的MSTeams和MSOf

Linux进程优先级调整方法详解 Linux进程优先级调整方法详解 Mar 15, 2024 am 08:39 AM

Linux进程优先级调整方法详解在Linux系统中,进程的优先级决定了其在系统中的执行顺序和资源分配情况。合理调整进程的优先级可以提高系统的性能和效率。本文将详细介绍Linux中如何调整进程的优先级,并提供具体的代码示例。一、进程优先级概述在Linux系统中,每个进程都有一个与之相关联的优先级。优先级的范围一般是-20到19,其中-20表示最高优先级,19表

CSS变形:如何实现元素的旋转效果 CSS变形:如何实现元素的旋转效果 Nov 21, 2023 pm 06:36 PM

CSS变形:如何实现元素的旋转效果,需要具体代码示例在网页设计中,动画效果是提高用户体验和吸引用户注意力的重要方式之一,而旋转动画是其中比较经典的一种。在CSS中,使用“transform”属性可以实现元素的各种变形效果,包括旋转。本文将详细介绍如何利用CSS的“transform”实现元素的旋转效果,并提供具体的代码示例。一、如何使用CSS的“transf

如何使用CSS实现元素的透明度渐变效果 如何使用CSS实现元素的透明度渐变效果 Nov 21, 2023 pm 01:38 PM

如何使用CSS实现元素的透明度渐变效果在Web开发中,为网页元素添加过渡效果是提升用户体验的重要手段之一。透明度的渐变效果不仅可以使页面变得更加平滑,还可以突出元素的重点内容。本文将介绍如何使用CSS实现元素的透明度渐变效果,并提供具体的代码示例。使用CSS的transition属性要实现元素的透明度渐变效果,我们需要使用CSS的transition属性。t

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():用于获取或设置元素的属性值

使用jQuery判断元素的显示状态 使用jQuery判断元素的显示状态 Feb 23, 2024 pm 09:24 PM

用jQuery实现元素的可见不可见判断在网页开发中,经常会遇到需要判断某个元素是否可见的情况。通过jQuery可以很方便地实现对元素可见性的判断和操作。本文将介绍如何使用jQuery来实现对元素可见性的判断,同时提供具体的代码示例。jQuery的元素可见性判断方法在jQuery中,可以利用一些特定的方法来判断元素的可见性。其中最常用的方法是.is(':vis

深入理解Linux中的进程优先级 深入理解Linux中的进程优先级 Mar 14, 2024 pm 09:36 PM

深入理解Linux中的进程优先级,需要具体代码示例在Linux系统中,进程的优先级是非常重要的一个概念。通过合理设置进程的优先级,可以有效地控制系统资源的分配,提高系统的性能表现。本文将深入探讨Linux中的进程优先级概念,并通过具体的代码示例进行演示和实践。一、Linux中的进程优先级概念在Linux系统中,进程的优先级范围是-20到19,其中-20代表最

See all articles