目錄
回复讨论(解决方案)
首頁 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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++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

go語言中運算子優先權列表,哪個運算子的優先權最高? go語言中運算子優先權列表,哪個運算子的優先權最高? Jan 03, 2024 pm 04:59 PM

Go語言中有許多運算符,它們常被用來執行各種數學和邏輯運算。每個運算符有自己的優先級,這決定了它們在表達式中的計算順序。本文將為您介紹Go語言中運算子的優先排行榜,並找出其中優先順序最高的運算子。 Go語言中的運算子依照優先權從高到低的順序如下:括號:()。括號被用來改變運算子的優先順序。表達式中的括號最先被計算。單目運算子:+、-、!。單目運算子是指只對一

如何使用CSS實現元素的透明度漸變效果 如何使用CSS實現元素的透明度漸變效果 Nov 21, 2023 pm 01:38 PM

如何使用CSS實現元素的透明漸變效果在Web開發中,為網頁元素添加過渡效果是提升使用者體驗的重要手段之一。透明度的漸層效果不僅可以使頁面變得更加平滑,還可以突出元素的重點內容。本文將介紹如何使用CSS實現元素的透明度漸變效果,並提供具體的程式碼範例。使用CSS的transition屬性要實現元素的透明度漸變效果,我們需要使用CSS的transition屬性。 t

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