HTML系列之各種選擇器(八)

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示CSS各種選擇器</title>
    <style type="text/css">

        /*標籤選擇器*/
        /*會作用於所有的div標籤*/

        div{

        }

        /*類選擇器*/
        /*可以通過標籤的class屬性指定
        指定了class屬性為classDemo的標籤
        就會有lassDemo這個類選擇器中的樣式*/ 

        /*lassDemo就是這個類選擇器的名字,名字就可以隨意起*/
        .classDemo{
            color: orchid;
            font-size: 30px;
        }

        /*id選擇器,通過#符號指定
        idDemo就是下面這個id選擇器的名字
        id 屬性為idDemo的標籤,就會擁有idDemo這個選擇器宣告中的樣式
        因為id屬性在一個HTML文件中是唯一存在的
        所以id選擇器也會只作用於一個標籤
        而類選擇器可以被多個標籤使用,
        id這個屬性一般是留給寫js的人使用的
        寫js的程式設計師可以通過id屬性找到對應的標籤
        然後通過一系列的方法操作這個標籤
         所以寫html頁面的時候基本用的就是類選擇器而不會選擇id選擇器*/ 

        #idDemo{
            color: yellow;
            font-size: 30px;
        }



    </style>
</head>
<body>
     <p class="classDemo">我是p1:用來顯示類選擇器的作用,我的顏色和字型大小是被改變了的</p>
     <p>我是p2:我沒變過,我是用來證明p1被改變了</p>
     <span class="classDemo">我路過</span> 


    <h1 id="idDemo">我是h1標題,用來展示id選擇器</h1>


</body>
</html>

HTML系列之各種選擇器(八)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

HTML &CSS之複合選擇器中的交集選擇器、並集選擇器、後代選擇器、子元素選擇器、相鄰兄弟選擇器、屬性選擇器

複合選擇器是通過基本選擇器進行組合後構成的，常用的複合選擇器有：交集選擇器、並集選擇器、後代選擇器、子元素選擇器、相鄰兄弟選擇器和屬性選擇器等。 1. 交集選擇器交集選擇器由兩個選擇器直接構成

CSS高階系列之多種選擇器及權重值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

html之css選擇器語法學習筆記

mil post ges inf important 類名想要 geo none 相關內容： css選擇器的用法：選擇器的語法標簽選擇器類選擇器 id選擇器選擇器的分組嵌套選擇屬性選擇器子標簽選擇器相鄰兄弟選擇器參考資料：w3school

HTML+CSS第六課：初識CSS之CSS選擇器的使用、為HTML文件新增CSS樣式的3種方式

知識點：CSS的概念及語法、CSS選擇器的使用、CSS選擇器的優先順序、新增CSS樣式的3種方式。 1、CSS概念理解 CSS 是Cascading Style Sheet的縮寫，可以翻譯為“層疊樣式表”或者“級聯樣式表”，即“樣式

HTML鞏固練習之CSS選擇器基礎

常用選擇器： 1、元素選擇器：“選中“”相同的元素，然後對相同的元素設定同一個CSS樣式。程式碼編寫： <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

深入學習jQuery選擇器系列第三篇——過濾選擇器之索引選擇器

通用形式$(':eq(index)')　　$(':eq(index)')選擇器選擇索引等於index的元素(index從0開始)，返回單個元素索引　　[注意]索引選擇器的索引和子元素選擇器的索引有明顯的不同　　【1】索引選擇器索引從0開始，而子元素選擇器索引從1開始　　【2】索引選擇器的索引是指定元素的索引，

h5學習之7(html中的高階選擇器的種類和用法，a標籤和img標籤)

一.html中的高階選擇器的種類和用法 1.id選擇器語法：#id名稱{樣式1；樣式2；} 書寫的位置：head標籤中的style <div id="qq">id選擇器 </

HTML 之 CSS選擇器

roc sha 技術圖片 tps css選擇器組合 body class選擇器代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

css3筆記系列-3.css中的各種選擇器詳解，不看後悔系列

最詳細的css3選擇器解析選擇器是什麼？　　比較官方的解釋：在 CSS 中，選擇器是一種模式，用於選擇需要新增樣式的元素。最常見的 CSS 選擇器是元素選擇器。換句話說，文件的元素就是最基本

jquery選擇器之元素選擇器

com eight mooc name jquery選擇器 itl 選擇器 padding jquer <!DOCTYPE html><html> <head> <meta http-equiv="Content-type"

python--前端之CSS（css頁面引入方法、選擇器之基本選擇器、組合選擇器）

gin 如果優點選擇器 alt 前端設置字體行高常用 CSS產生背景：為了讓網頁元素的樣式更加豐富，也為了讓網頁的內容和樣式能拆分開，CSS由此思想而誕生，CSS是 Cascading Style Sheets 的首字母縮寫，意思是層疊樣式表。有了CSS，ht

jQuery選擇器之特殊選擇器this

轉化 cti lang 上下文對象調用模糊 eve on() bsp 相信很多剛接觸jQuery的人，很多都會對$(this)和this的區別模糊不清，那麽這兩者有什麽區別呢？ this是JavaScript中的關鍵字，指的是當前的上下文對象，簡單的說就是方法/屬性的所

鋒利的jQuery學習筆記之jQuery選擇器

空格 attr 簡單 cap 字符串 check disable select file 在介紹jQuery選擇器之前，先簡單介紹一下CSS選擇器---> 一、CSS選擇器常見的CSS選擇器有以下幾種：選擇器語法描述示例標簽選擇器 E{CSS規則

0908期 HTML Frameset框架和選擇器

裏的 shu abc opened 顯示 tran 超級鏈接 spa 原來 frameset框架 frameset與body沒法同時使用，frameset用來分割頁面，frame在frameset用於引用其他網頁 1 <frameset rows="100,

jQuery選擇器之層級選擇器

ref 不能 order 層級 cnblogs class ima pre com <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" conten

JavaScript基礎之層級選擇器

nfc oms pxn 選擇器 sad targe rdl sina dql 彜9稼4eu攔厥6ghttp://www.facebolw.com/space/2102338 9y寄急芳6厝渴28http://tushu.docin.com/sina_6370730113 6

Centos7 minimal 系列之rabbitmq安裝（八）

ref 需要查看 del kcon start 設置 mis nsh 一、安裝Erlang 　　由於RabbitMQ依賴Erlang，所以需要先安裝Erlang。　　這種方法網站訪問不了 wget https://packages.erlang-solutions.

jQuery之過濾選擇器

可見通過規則 rst nim 開發 center box borde 過濾選擇器　　1.基本選擇器　　2.內容選擇器　　3.可見性選擇器　　4.子元素過濾器過濾選擇器簡稱：過濾器。它其實也是一種選擇器，而這種選擇器類似於CSS3(http://t.mb5u.

[jQuery學習系列一]1-選擇器與DOM對象

還需直接 itl java date js代碼循環 ava 也會前言: 好久沒有更新博客了, 最近想復習下之前學過的JS的相關內容, 也算是自己的一種總結. 知識長時間不用就會忘記, 多學多記多用!! 下面的程序都可以在下面的網站進行在線調試: http://ww

HTML系列之各種選擇器(八)

相關推薦