Ⅰ 【css】選擇器介紹（一）標簽選擇器、id選擇器、類選擇器
如何給某一個元素添加樣式呢，我們可以通過標簽選擇器、類選擇器或者id選擇器。
首先我們先放置兩個div和一個無序列表來舉例，注意無序列表的第二項內還有一個div
標簽選擇器就是按標簽添加樣式，直接輸入標簽，後加大旁陸嘩括弧即可。
如下我們給div都加一個100px的寬高，10px的上外邊距，背景顏色為粉色的樣式。
可以看到所有的div都被添加了這個樣式，不管是在哪一層，只要是div，全部都會被添加這個樣式。
類選擇器則是根據class名來添加樣式，接下來悉敬給剛剛的元素添加上類名。 同一個標簽可以有多個類名，用空格分離；同一個類名也可以被添加給不同的標簽。
使用類選擇器時候要在類名前加一個 點"." ，再接大括弧。
當我們給test_1設置樣式時，發現所有寫了class="test_1"的標簽都被添加了樣式，不管它是什麼標簽。
我們把test_1改成test_2，發現所有寫了class="test_2"的標簽都被添加了樣式。
id選擇器也很好理解，就是根據id來添加樣式，id名前使用井號"#"。
但是要注意id和class不同， id就像身份證號一樣是唯一的，一個id在一個頁面里只能使用一次。 所以一個標簽只能有一個id，一個id只能給一個標簽添加。
我們給剛剛的標簽加上id，給id為d3的標簽添加樣式：
選擇器部分文章：
選擇器介紹（一）標簽選擇器、id選擇器、類選擇器
https://www.jianshu.com/p/d2f54bc64302
選擇器介紹（二）後代選擇器，子代選擇器，交集選擇器，並集（群組運行）選擇器
https://www.jianshu.com/p/98f6788d0f54
通配符選擇器&清除瀏覽器默認樣式
https://www.jianshu.com/p/4eb179b4fdfc
Ⅱ jQuery 如何通過 ID 選擇器 獲取動態ID
使用Jquery獲取某個div時需要這樣：前台使用EL進行迭代LIST生成div，為其添加動態的id,生成之後變成下面樣式
<div id="tz-1"></div>
<div id="tz-2"></div>
<div id="tz-3"></div>
<div id="tz-4"></div>
<div id="tz-5"></div>
<div id="tz-6"></div>
注意：我們在使用Jquery獲取某個div時需要這樣寫
$("#" + 所定義的id變數肆清名);
而不能寫成這樣
$("#所定義的id變數名");
(2)id前端選擇器擴展閱讀：
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是「write Less，Do More」，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，優化HTML文檔操作、事件處理、動畫設計和Ajax交互。
ID選告岩擇器：選擇具有給定id屬性的單個元素。
對於id選擇器，jQuery使用JavaScript函數document.getElementById()，這是非常有效的。當另一個選擇器連接到id選擇器時，如H2#頁滴，jQuery在將元素標識為匹配之前執行額外的檢查。
呼叫jQuery()(或$())，以id選擇器作為其參數，將返回一個jQuery對象，該對象包含一個包含0或一個DOM元素的集合。
各ID值只能在文檔中使用一次。如果已為多個元素分配了相同的ID，則使用該ID的查詢只會選擇DOM中的第一個匹配元素。但是，不應依賴此行為；使用相同ID的多個元素的文檔無效。
如果id包含像句點或冒號這樣的字元，襪雹御則必須用反斜杠轉義那些字元.
Ⅲ 前端類選擇器和id選擇器混合使用
#customers td,#customers th{}
解釋：
ID選擇器customers 的子標簽td，ID選擇器customers 的子標簽th
比如以下的布局：
<table id="customers">
<tr>
<th>標題</th>
</tr>
<tr>
<td>內容</td>
</tr>
</table>
那麼上面的標題、內容會被樣式渲染。
Ⅳ CSS里的HTML選擇器、類選擇器、ID選擇器用於哪些范圍
主要應用於聲明不同高者唯優先順序、不同適用范圍的樣式。x0dx0ax0dx0a【HTML選擇器】x0dx0a三者中優先順序最低的選擇器。x0dx0a用於最基礎樣式的定義，比如定義頁面整體的字體（給body定義font），鏈接的樣式（給a定義顏色、下劃線等屬性），列表項的符號樣式（給嫌局li定義list-style），戚培段落的間距（給p定義padding或者margin）等等。 這種聲明優先順序最低。x0dx0a舉例：x0dx0abody, table td { font:normal 12px/1.8 Arial; }x0dx0aa { color:#ff0; text-decoration:none; }x0dx0aa:hover { color:#ff6; }x0dx0ap { text-indent:2em; }x0dx0ax0dx0a【類選擇器】x0dx0a用於來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix（一般是用於清除浮動），或者自己定義的用於新聞列表的樣式，詳細的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習慣把一些常用的屬性作為一個類。x0dx0ax0dx0a舉例：x0dx0a.clearfix { clear:both; content:.; height:0; overflow:hidden; zoom:1; }x0dx0a.fl { float:left; }x0dx0a.red { color:red; }x0dx0a.box { border:1px solid #ccc; }x0dx0a.box li { padding-left:15px; background:url(arrow.png) 5px center no-repeat }x0dx0ax0dx0a【ID選擇器】x0dx0a三者中優先順序最高的選擇器。x0dx0a一般用於一個頁面中僅出現一次的容器，也常常作為js的介面。例如頁面上的導航條（#nav）、頁腳（#footer）、側邊欄（#sider）、主要內容（#mainBody）等等。x0dx0a舉例：x0dx0a#nav { padding:10px 0; background:url(../images/nav.png) 0 -124px repeat-x; }x0dx0a#footer { border-top:3px solid #630; }x0dx0a#sider { float:right: width:298px; border:1px solid #ccc; }
Ⅳ 計算機前端裡面css基本選擇器和復合選擇器區別是什麼
基本選擇器通過元素類型或class或id選擇對象；
復合選擇器通過元素類型或class或id和條件判斷選擇對象。
舉例：
<style>
div{} // 基本選擇器
.intro{} // 基本選擇器
div.intro{} // 基本選擇器
#petdog{} // 基本選擇器
p#petdog{} // 基本選擇器
div, p{} // 基本選擇器
.intro:hover{} // 復合選擇器
p + div{} // 復合選擇器
a[target]{} // 復合選擇器
</style>
<body>
<p class="intro"></p>
<div id="petdog"></div>
<a target="_blank" />
</body>
實際使用沒有本質差別，只是所屬分類不同。
了解選擇器可以參考CSS 選擇器參考手冊 (w3school.com.cn)
Ⅵ CSS中的ID選擇器和類選擇器有什麼區別
相同點：可以應用於任何元素
不同點：
1、ID選擇器只能在文檔中使用一次。與類選擇器不同，在一個HTML文檔中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。
下面代碼是正確的：
而下面代碼是錯誤的：
2、可以使用類選擇器詞列表方法為一個元素同時設置多個樣式。我們可以為一個元素同時設多個樣式，但只可以用類選擇器的方法實現，ID選擇器是不可以的（不能使用
ID
詞列表）。
下面的代碼是正確的
上面代碼的作用是為「三年級」三個文字設置文本顏色為紅色並且字型大小為25px。
下面的代碼是不正確的
上面代碼不可以實現為「三年級」三個文字設置文本顏色為紅色並且字型大小為25px的作用。
Ⅶ 前端裡面.和#區別是什麼
.是類選擇器，#是id選擇器
相同點：
在html寫的選擇器，css可以對選擇器設置樣式作用到html標簽上
在html寫的選擇器，js可以根據選擇器獲取到對應的dom
區別：
在一個html標簽上，類選擇器優先順序低於id選擇器
在html中，同樣的類選擇器可以多次使用，而id選擇器只能用於一個標簽上
Ⅷ CSS基礎選擇器<標簽、id、類選擇器>(二)
屬性:通過屬性的復雜疊加才能做出漂亮的網頁。
選擇器:通過選擇器找到對應的標簽設置樣式
標簽選擇器:就是用標簽名來當選擇器
1>所有的標簽都能做選擇器，例如:div、p、 ul、 li、 a、 span、body等等
2>不管這個標簽藏的多深，都能夠被選擇上。
3>選掘辯李擇的整個界面所有的標簽，而不是某個，是共性而不是特性
比如說火狐瀏覽器中的 li 裡面所有的 a 標簽去掉下劃線
# 表示選擇 id 選擇器
1>任何標簽都可以有 id ,命名方式要以字母開頭，區分大小寫
2>同一頁面內 id 不可重復，即使是不一樣的標簽，也不允許相同的 id
. 表示類選擇器 與 id 選擇器類似，但是類選擇器可以重復，比如說很多標簽都有 aa 這個類
css裡面用 . 來表示類
同一標簽，可能同時屬於多個類，用空格隔開.說明 div 同時屬於 bb 和 cc 類
<div class = @"bb cc">我是bbcc</div>
錯判遲誤方式:
<div class = @"bb" class="灶告cc">我是bbcc</div>
思路：提供公共類，再根據相應的類名，去設置相應的樣式。
在根據每個標簽，去選取自己想要的類。
Ⅸ jQuery 如何通過 ID 選擇器 獲取動態ID
使用Jquery獲取某個div時需要這樣寫：$("#" + 所定老廳義的id變數名)代碼如下黑體加粗部分：
<divid="{{hospital.id + 'hospital'}}"class="z_tl z_t2 clearfix z_poaR"
ng-click="openDoctorList(hospital.id,hospital.name)">
$scope.openDoctorList = function (id,hospitalName) {
$scope.uniqueHospitalId = id;
var hospitalId = id + "hospital";
if($scope.cacheHospitalId != id){
$("#"+hospitalId).attr("class","z_tl clearfix z_poaR");
}
if($scope.cacheHospitalId == id){
$("#"+hospitalId).attr("class","z_tl z_t2 clearfix z_poaR");
$scope.doctorList = null;
}
$scope.cacheHospitalId = id;
}
(9)id前端選擇器擴展閱讀：
jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是「write Less，Do More」，即倡導寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設計模式，慧陪優化HTML文侍碧隱檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為：具有獨特的鏈式語法和短小清晰的多功能介面；具有高效靈活的css選擇器，並且可對CSS選擇器進行擴展；擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
Jquery官方API -ID Selector (「#id」)
JQuery官方API介面-.attr()
網路-JQuery
Ⅹ id選擇器／類選擇器／元素選擇器／全選擇器
id選擇器：一個用來查找的ID，即元素的id屬性
id選擇器也是基本的選擇器，jQuery內部使用JavaScript函數document.getElementById()來處理ID的獲取。原生語法的支持總是非常高效的，所以在操作DOM的獲取上，如果歷慎卜能採用id的話盡然考慮用這個選擇器
值得注意：
id是唯一的，每個id值在一個頁面中只能使用一次。如果多個元素分孝棚配了相同的id，將只匹配該id選擇集合的第一個DOM元素。但這種行為不應該發生;有超過一個元素的頁面使用相同的id是無效的
類選擇器，顧名思義，通過class樣式類名來獲取節點
描述：
類選擇器，相對id選擇器來說，效率相對會低一點，但是優勢就是可以多選
元素選擇器
元素選擇器：根據給定（html）標記名稱選擇所有的元素
描述：
全選擇器
拋開jQuery，如果要獲取文檔中所有的元素，通過document.getElementsByTagName()中傳遞"*"同樣可以獲取到
不難發現，id、class、tag都可以通過原生的方法獲取到對應的節點，但是我們還需要考慮一個兼容性的問題，我這里順便提及一下，比如:
IE會將注釋節點實現為元素，所以在IE中調用getElementsByTagName裡面會包含注釋節肢穗點，這個通常是不應該的
getElementById的參數在IE8及較低的版本不區分大小寫
IE7及較低的版本中，表單元素中，如果表單A的name屬性名用了另一個元素B的ID名並且A在B之前，那麼getElementById會選中A
IE8及較低的版本，瀏覽器不支持getElementsByClassName