2 Css中的樣式選擇器

2022-09-14 20:30:22 字數 1172 閱讀 2272

1、樣式規則的選擇器(通過怎樣的途徑來獲得頁面上要設定樣式的元素)

1)、html selector

2)、class selector (需要給要設定樣式的元素的class屬性賦值)

3)、id selector (需要給要設定樣式的元素的id屬性賦值)

4)、關聯選擇器   p em{text-indent:0cm;mso-list:l1 level1 lfo2">5)、組合選擇器

6)、偽元素選擇器

偽元素選擇器是指對同乙個html元素的各種狀態和其所包括的部分內容的一種定義方式。例如,對於超連結標籤()的正常狀態(沒有任何動作前)、訪問過的狀態、選中狀態、游標移到超連結文字上的狀態,對於段落的首字母和首行,都可以使用偽元素選擇器來定義。

**:class選擇器

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

**:id選擇器

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

**:關聯選擇器

我是em標籤

我是p標籤中的em標籤

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

**:偽元素選擇器

床前明月光,疑是地上霜

舉頭望明月,我叫郭德綱

超連結超連結

超連結超連結

超連結超連結

超連結

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

今天是我們第一天學習css

CSS學習筆記2 CSS選擇器

一 css選擇器 1.什麼是css選擇器 2.css選擇器的作用 根據指定標籤,在當前頁面中,找到所有符合條件的標籤,設定樣式 3.選擇器需要的注意點 選擇器選中的是所有該型別的標籤,不是一部分,是所有。無論標籤藏得多深,選擇器都可以找到該標籤 二 常見的css選擇器 1.標籤選擇器 作用 在整個頁...

CSS3 教程2 CSS選擇器

作用 選擇頁面上的某乙個或者某一類元素 整個html屬於乙個dom樹 標籤選擇器 標籤選擇器會選中頁面中所有該標籤的元素 弊端 所有該標籤會被同時修改樣式 類選擇器 class 給標籤加上class屬性,然後選擇器用.class的格式 好處 可以多個標籤歸類,是同乙個class 示例 id選擇器 給...

前端開發基礎2(css 選擇器)

css cascadingstylesheet,層疊樣式表 定義如何顯示html元素。當瀏覽器讀到乙個樣式表,它就會按照這個樣式表來對文件進行格式化 渲染 每個css樣式由兩個組成部分 選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。這是注釋 行內式是在標記的style屬性中設定css...