Ⅰ 【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