CSS之選擇器命名規則...
左思右想,想到程式設計時,變數的定義不都是有規則的嗎?而我的div的id名為:
//注意其中有一個點.
div_QZONE.COM
截圖如下:
試著改變了下id的名字,呵呵,哥想要的效果出現了...
這麼簡單的問題,悔不該出現呀!馬上翻書查看了下命名規則,謹記如下:
CSS在自定義類名時,只能夠使用:
1.字母 2.數字 3.下劃線(_) 4.連線符(-)
類名首字元必須以字母開頭,否則無效。
另外,類名是區分大小寫的!
相關推薦
CSS之選擇器命名規則...
今天在寫CSS控制html時,死活不出效果,鬱悶呀,差點就懷疑RP問題了!...左思右想,想到程式設計時,變數的定義不都是有規則的嗎?而我的div的id名為: //注意其中有一個點. div_QZONE.COM 截圖如下: 試著改變了下id的名字,呵呵,哥想要的效果出現了
CSS選擇器命名規則
W3C CSS2.1的 4.1.3 節中提到:識別符號(包括選擇器中的元素名,類和ID)只能包含字元[a- zA-Z0-9]和ISO 10646字元編碼U+00A1及以上,再加連字號(-)和下劃線(_);它們不能以數字,或一個連字號後跟數字為開頭。它們還可以包含轉義字元加任何ISO 10646字元作為一
Css 選擇器 命名規則
作業系統版本:Windows 7 瀏覽器版本:IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev 受影響的瀏覽器:所有瀏覽器. 經常講到css選擇器命名規則,其實不只是在團隊合作基礎上來講這個,每個
css之選擇器
開頭 code tro title 查找 ul li -s div href css選擇器 基本選擇器 1,id選擇器 1、作用: 根據指定的id名稱,在當前界面中找到對應的唯一一個的標簽,然後設置屬性 2、格式 id名稱 { 屬性:值; } 3、註意點: 1、在
css之選擇器2
HA 完全 clas style 之間 title html 設置 oct 交集選擇器與並集選擇器 交集選擇器 1、作用:給所有選擇器選中的標簽中,相交的那部分標簽設置屬性 2、格式: 選擇器1選擇器2 { 屬性:值; } 3、註意: 1、選擇器與選擇器之間沒有任何鏈接符
Css之選擇器使用
我們都知道,CSS 指層疊樣式表 (Cascading Style Sheets),主要用來為html 元素定義顯示樣式。本文主要來看一下css的選擇器,選擇器用來定義css的樣式,一般有以下幾種: ID選擇器 ID選擇器,通過#識別符號來為selec
CSS之選擇器及其優先順序
在單純使用HTML的過程中,設定網頁每個標籤元素的樣式會很麻煩,對於每個標籤都要進行樣式設定的話,那麼無疑程式碼量會十分龐大,尤其有很多標籤的樣式是相同的,程式碼過多的重複,冗餘,使得html的程式碼可讀性不高。因此,如果有一種方法能將一些表示樣式的程式碼抽離
多個css類選擇器使用規則
類選擇器在style中的寫法: .類選擇器名字 注意前面有個點在body中的寫法: class="類選擇器名字"通常為了減少程式碼量,使程式碼更簡潔,機智的程式設計師們會選擇呼叫已有的符合條件的樣式,而若一個標籤需要多個樣式,或存在包含關係,則要考慮用多個類
3.24 學前端 CSS之選擇器
二 css的選擇器(Selector) 選擇器”指明瞭{}中的“樣式”的作用物件,也就是“樣式”作用於網頁中的哪些元素 1 基礎選擇器 × //通用元素選擇器 *{ margin:0; padding:0; } //匹配任何元素 E //
css之選擇器總結
本文轉載於:猿2048網站➪css之選擇器總結 首先我們來看下有哪些選擇器??? 一.基礎選擇器: html標籤選擇器:通過ht
CSS基礎第二篇之選擇器
lec blue auto 添加內容 cal device 鍵值對 種類 one 我這裏就簡單舉例9種常用選擇器: 1、通配符選擇器 說明:為頁面上的所有元素設置樣式。優先級最低。 *{ margin:0; padding:0; } 2、元素選擇器 說明:也叫標簽選擇器
css編輯與檢視之選擇器宣告
選擇器宣告 集體宣告 在HTML頁面中,有時如果存在多種型別的標籤同時具備相同的樣式宣告時,我們可以採用集體宣告。它們是同級關係。 例如: <style> div,p{ colo
CSS的選擇器之基本選擇器
doctype lin erl ext meta red itl size yellow <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
css複合選擇器的使用規則 及 css優先順序判定
css複合選擇器的使用規則 1、id巢狀class #myid.myclass:<p id="sp" class="myclass"></p>。 2、一個元素標籤使用多個class。.important.warning <p class="im
html之css屬性選擇器,偽類,繼承,選擇器優先順序,float
屬性選擇器 可以給標籤寫一個自定義屬性: <div class="c2" quincy="q1"></div> 查詢時可以根據自定義屬性名和值去查詢標籤: div[quincy] 或者div[quincy='q1']
css學習選擇器之:nth-child(n)
今天新學習了一個小效果,網站比如說實現間行顏色變化,比如說一行黑,一行白,好吧,斑馬就出現了,當你滑鼠觸碰某一行,顏色背景變化,尤其是當你連線資料庫時,簡單的程式碼就顯得很重要了. 這時候一個有意思的朋友出現了,:nth-child(n) 一直在那蹦躂著說“找我呀”,這個
四 . css系列之選擇器詳解及權重
(一)選擇器詳解 1.標籤選擇器(元素選擇器):HTML標籤作為選擇器,作用是選取HTML文件中相同的HTML元素P{} 2.類選擇器 第一步:設定類名<開始標籤 class="類名"></結束標籤> 第二步:為類設定樣式.
CSS選擇器命名及常用命名
規範的命名也是Web標準中的重要一項,標準的命名可以使程式碼更加易讀,而且利於搜尋引擎搜尋,比如定義了兩個div,一個 id 命名為“div1”,另外一個命名為“News”,肯定第二個比較易讀,而且搜尋引擎抓取率要高,在團隊合作中還可以大大提高工作效率。為了達到這種效果我們就要規範化命名(語義化命名)!
CSS學習之選擇器優先順序與屬性繼承
CSS學習之選擇器優先順序與屬性繼承 選擇器優先順序 其實選擇器是具有優先順序的,我們來看下面這一組案例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g
css整理之-----------選擇器
背景 在20年初時總感覺自己的css 不夠用,想把css 相關的東西整理下,去年一整年都比較忙,忙著就到2021了,今天趁著有點時間,先從選擇器開始吧。 聽說圖片可以提升顏值.... 選擇器 CSS選擇器用於選擇你想要的元素的樣式。簡單劃分為簡單選擇器、組合選擇器、偽類選擇器。 簡