2. 程式人生 > >選擇器(標籤選擇器、類選擇器、ID選擇器)

選擇器(標籤選擇器、類選擇器、ID選擇器)

阿新 • • 發佈：2018-12-25

標題

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>CSS選擇器</title>
    <!-- 
        CSS選擇器型別：標籤選擇器、類選擇器、ID選擇器
     -->
 

    <style type="text/css">
        /* 標籤選擇器 */
        p{
            color:red;
        }
        li{
            font-size:12px;
        }
        /* 類選擇器 */
        .db{
            font-size:20px;
            color:blue;
        }
        /* ID選擇器 */
        #welcome{
            font-weight: bold
 
;
            text-decoration: underline;
        }
        /* 複合選擇器 */
        li.itany{
            font-size:30px;
            color:yellow;
        }
        li#wbs{
            font-family: 黑體;
            color:pink;
        }
        /* 巢狀選擇器 */
        p span{
            font-size:35px;
            color
 
:#ff7300;
        }
        p span#huogai{
            color:green;
        }
        /* 集體宣告 */
        p,p span#huogai{
            font-size:25px;
        }
    </style>
</head>
<body>
    <p id="welcome">你好，歡迎訪問貴美商城！<span id="huogai">不是一般的活該</span></p>
    <ul>
        <li class="db">家用電器</li>
        <li>大家電</li>
        <li>大家電</li>
        <li>大家電</li>
        <li class="itany">大家電</li>
        <li>大家電</li>
        <li>大家電</li>
        <li>大家電</li>
        <li>大家電</li>
        <li>大家電</li>
    </ul>
    <span>真活該</span>
    <ul>
        <li class="db">日用百貨</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
        <li id="wbs">洗衣粉</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
        <li>洗衣粉</li>
    </ul>
    <p>嘻嘻哈哈嘿嘿，活該你學不會！<span>活該</span></p>
</body>
</html>

相關推薦

【Python技術棧】02 Python3 Code 函式、類與繼承、裝飾器

0723 函式引數 *argm: 元組型別 **argm: 字典型別 In [1]: def sum(a, b, *argm): ...: print(a, b, argm) ...: ...: sum(1, 2, 'evan', 'pig', 'do

python中7種實現單例模式的方法：staticmethod、classmethod、類屬性方法、__new__、裝飾器、元類、名字覆蓋

本文的以下實現方法為了簡單起見不考慮執行緒安全。 一：staticmethod 程式碼如下： class Singleton(object): instance = None def __init__(self): raise Syntax

類檔案的結構、JVM 的類載入過程、類載入機制、類載入器、雙親委派模型

# 一、類檔案的結構 我們都知道，各種不同平臺的虛擬機器，都支援 “位元組碼 Byte Code” 這種程式儲存格式，這構成了 Java 平臺無關性的基石。甚至現在平臺無關性也開始演變出 “語言無關性” ，就是其他語言也可以執行在 Java 虛擬機器之上，比如現在的 Kotlin、Scala 等。

成員變量、類變量、局部變量的區別

left 調用 strong 靜態方法 方法 靜態變量 默認 nbsp 關鍵字 一：成員變量和局部變量的區別 1、範圍： 員變量定義在類中，在整個類中都可以被訪問。 局部變量定義在局部範圍內，如：函數內，語句內等。 2、存儲： 成員變量隨著對象的建立而建立，隨著對象的消失而

類的屬性、類的方法、類的內置方法

添加 通過 直接 self 私有方法 icm python 轉換 內置 類的屬性 變量在類中稱為類的屬性，函數在類中稱為類的方法，類的屬性分為以下幾種： (1) 公有屬性：在類中和類外都能調用的屬性，定義的時候與變量的定義一致，如 color = ‘yellow‘(2) 私

springmvc源碼分析之請求參數、類型轉換、數據綁定

數據 and springmvc 行業 mvc 處理 mapping htm 參數 前言 通過前面的分析，我們知道了請求過來，怎麽找到相應的handlerMethod。本篇對請求參數的轉換進行講解。 概述 在進行分析之前，我們回到DispatcherServlet的do

【面試必問】python實例方法、類方法@classmethod、靜態方法@staticmethod和屬性方法@property區別

區別 實例 實例變量 對象 s參數 pro 當前 靜態方法 實例方法 【面試必問】python實例方法、類方法@classmethod、靜態方法@staticmethod和屬性方法@property區別 1、#類方法@classmethod，只能訪問類變量，不能訪問實例變量

關於Class物件、類載入機制、虛擬機器執行時記憶體佈局的全面解析和推測

簡介： 本文是對Java的類載入機制，Class物件，反射原理等相關概念的理解、驗證和Java虛擬機器中記憶體佈局的一些推測。本文重點講述瞭如何理解Class物件以及Class物件的作用。 歡迎探討，如有錯誤敬請指正 如需轉載，請註明出處 http://www.cnblogs.com/nul

結構體、聯合體、類：struct、union、class

                   區別：類的成員預設是私有的private                 &n

Java中的組織形式、類與物件、靜態的static關鍵字、最終的final關鍵字、方法傳參方式、遞迴（階乘、斐波那契數列、漢諾塔）

Java程式的組織形式 Java程式需要把程式碼以類的形式組織起來，然後被Java編譯器編譯，再被JVM執行。Java程式是以類的結構為基礎的。 Java程式的基本要素 識別符號 識別符號命名規範 關鍵字（保留字） 關鍵字（保留字）具有專門的意義和用途

python面向對象中類對象、實例對象、類變量、實例變量、類方法、實例方法、靜態方法

兩種 對象 都是 self 這一 人類 name method class關鍵字 1. 類對象和實例對象 　　Python中一切皆對象，Python類本身也是一種對象，類定義完成後，會在當前作用域中定義一個以類名為名字的命名空間。類對象具有以下兩種操作： 可以通過“類

python靜態屬性@property、類方法@classmethod、靜態方法@staticmethod和普通方法

靜態屬性：即將類的函式通過@property屬性封裝，封裝後例項呼叫該函式時，不再需要在函式後面加()，而是用類似呼叫資料屬性的方式直接呼叫函式名稱即可執行函式。 靜態屬性既可以訪問類的屬性，也可以訪問例項的屬性。 類方法：即在類的函式前加@classmethod屬性，函式第一個引數為cls類，表示該函式

將類宣告標頭檔案、類實現檔案、類的使用檔案（主檔案）放在一起的時候應該注意的問題

#include<iostream> using namespace std; class v { public:     void volume()     {         int vo;         cin>>length>>w

面向物件、類和物件、封裝---------私有private、this關鍵字

1、面向物件和麵向過程 面向物件是讓誰幹什麼 面向過程是按什麼順序來幹（幹活過程都有參與） 所以在工作中，面向物件更好。 例如： 以打掃辦公室為例：面向過程就是將掃地、拖地、擦玻璃、擦門窗這幾件事情排好（做好）順序，先幹啥再幹啥，需要按照順序一件一件的參與幹活‘ 面向物件就是打掃衛生時，小李拖地，小楊擦玻璃，

Java中的組織形式、類與物件、

Java程式的組織形式 Java程式需要把程式碼以類的形式組織起來，然後被Java編譯器編譯，再被JVM執行。Java程式是以類的結構為基礎的。 Java程式的基本要素 識別符號 識別符號命名規範 關鍵字（保留字） 關鍵字（保留字）具有專門的意義和用途，不

面向物件基礎、類和物件、繫結方法

一、面向物件程式設計 回顧：面向過程程式設計 是一種之前程式設計師們設計出來的比較好的程式設計方法，也是一種程式設計思想。 核心是過程二字，顧名思義，就是先幹什麼，再幹什麼，完成一個事情具有的所有步驟。 優點：複雜的流程簡單化，程式化，一步一步拆分，降低開發難度。 缺點：擴充套件性差， 不容易維護。 主要使用

選擇器(標籤選擇器、類選擇器、ID選擇器)

標題 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/l

第二天筆記-選擇器（標籤選擇器、類選擇器、css命名規範、谷歌案例、多類名選擇器、id選擇器、萬用字元選擇器、偽類選擇器）

四、選擇器 要想將CSS樣式應用於持定的HTML元素，首先需要找到該目標元素。在CSS中，執行這一任務的樣式規則部分則成為選擇器（選擇符）。 （一）標籤選擇器（元素選擇器） 標籤選擇器是隻用於HTML標籤名作為選擇器，按標籤名分類，為頁面中某一類標籤指定統

【C#基礎】之訪問修飾符、類與屬性、類與結構的簡單介紹

在學方法之前先學習類…… 介紹類之前先介紹下C#中常用的四個訪問修飾符： 我的疑問：結構與類的區別？結構裡不能定義方法，它們都可以定義多個屬性，什麼時候要用結構？什麼時候要用類？ 一、C#中的4個常用訪問修飾符： public：可以在任何地方被訪問 internal:只能

Python基礎筆記_Day10_Python面向物件、類和物件、__init__、__str__、訪問限制、set、get

Day10_Python面向物件、類和物件、init、str、訪問限制、set、get 10.01_Python語言基礎(面向物件思想)(理解) 10.02_Python語言基礎(類和物件)(掌握) 10.03_Python語言基礎(類的構成)(掌握) 10.04_Python語言基礎(