day4 9月12日(選擇器)

2021-09-27 08:32:53 字數 941 閱讀 1281

要想將css樣式應用於特定的html元素,首先需要找到該目標元素。在css中,執行這一任務的樣式規則部分被稱為選擇器(選擇符)。基礎選擇器標籤選擇器(元素選擇器)標籤選擇器是指用html標籤名稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。

標籤名 最大優點是快速為頁面用型別的標籤同一樣式,也是他的缺點,不能設計差異化樣式類選擇器類選擇器用"."(英文點號)進行表示,後面緊跟類名.

類名類選擇器最大優點就是可以為元素定義單獨或相同的樣式1.長名稱或片語可以使用中橫線-為選擇器命名

2.不建議使用下劃線命名css選擇器

1.少按乙個shift鍵

2.區分js變數變數

3.瀏覽器相容問題,在ie6中 _tip無法生效的

3.不要用純數字,中文命名,盡量用英文本母表示課堂案例:google多類名選擇器可以為標籤增加多個類名,從而達到更多選擇目的1.樣式顯示效果和html元素中的類名先後順序沒有關係,受css樣式書寫的上下順序有關

2.各個類名用空格連線多類名選擇器在後面專案常用到id選擇器id選擇器用"#"(英文點號)進行表示,後面緊跟id名#id名id是唯一的,只能對用文件中某乙個具體的元素,id是html的id屬性值,用法和類選擇器類似id選擇器和類選擇器區別id相當身份證號(不得重複,只是用一次),類選擇器相當名字(多次重複使用)最大的不同就是使用次數萬用字元選擇器*所有選擇器作用最廣的,匹配所有元素偽類選擇器 偽類選擇器新增一些特殊效果,比如選擇第一元素,第n個元素 類選擇器用 . 偽類用 : 鏈結偽類選擇器 : link 未訪問的連線 :visited 、以訪問的連線 :hover 滑鼠懸停 :active 選定的連線 注意寫的時候,順序不要顛倒,lvha, love hate結構(位置)偽類選擇器(css3)目標偽類選擇器(css3)css注釋css規則是使用 /* 需要注釋的內容 / 進行注釋的,即在需要注釋的內容前使用 「/」 標記開始注釋,在內容的結尾使用 「/」結束。

例如:p

微信小程式月日選擇及滾動選擇器

本人是乙個萌新,如有不對的地方請多多指教 先看效果。上圖為聯動 效果,有乙個問題就是 不能控制滾動面板。上 wxml class select date mode multiselector bindchange bindmultipickerchange value range class sel...

day 3 簡單選擇器與屬性選擇器

選擇器用於我們想要樣式化的網頁上的html元素。各種各樣可以用的css選擇器允許我們精準的選擇我們想要樣式化的元素。1 元素選擇 選擇器名和指定的html元素名不區分大小寫的匹配 2 classs選擇器 用 來標記 文件中的個元素可以具有相同的類名,而單個元素可以用多個類名 之間用空格隔開 3 id...

DatePicker日期選擇器隱藏Day選擇

專案中用到datepicker日期選擇器,但是由於其他原因只想使用年和月選擇,於是就隱藏了日選擇器 viewgroup viewgroup dp.getchildat 0 getchildat 0 getchildat 2 setvisibility view.gone 這種方法根據獲取子view的...