按CSS查询一个元素

最新推荐文章于 2024-01-26 10:29:34 发布
最新推荐文章于 2024-01-26 10:29:34 发布
阅读量166 收藏
点赞数
原文链接：http://www.cnblogs.com/max-hou/p/11168036.html
版权

按CSS查询

示例1 查询一个

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
< html >
     < head >
         < title >访问元素</ title >
         < meta  charset = "UTF-8" >
         < meta  name = "viewport"  content = "width=device-width, initial-scale=1.0" >
         < style >
             .mycolor{
                 color:#fff;
                
             }
             .steam{
                 text-decoration: initial;
             }
         </ style >
     </ head >
     < body >
         < ul  id = "ul" >
             < li  id = "a" >油条</ li >
             < li  id = "b"  class = "steam" >包子</ li >
             < li  id = "c"  class = "steam" >米饺</ li >
             < li  id = "d" >< a >鱼粉</ a ></ li >
         </ ul >
         < script >
             // 返回一个元素节点
             var el = document.querySelector('li.steam');
             el.className='mycolor';
         </ script >
     </ body >
</ html >

转载于:https://www.cnblogs.com/max-hou/p/11168036.html

dianlu5775
关注
Day 3:CSS选择器查找元素
LSMSMD0526的博客
07-21 3138
CSS选择器查找元素一、哪些情况不能用ID选择器二、CSS选择器语法三、ID选择器查找元素四、class选择器查找元素五、通配符定位六、查找子节点 一、哪些情况不能用ID选择器 元素的ID不唯一，或者ID是动态变化的 name以及linktext属性值不唯一 如果满足上述条件，则不能用ID选择器来定位元素，就需要依靠xpath或CSS来定位元素了 PS：不管使用什么方式来查找元素（比如id、name、xpath、CSS等），都需要确保页面上查找出来的元素的唯一性，应该只找到一个匹配的node（如何查看是
css 选父元素,CSS中模拟父元素选择器
weixin_30750685的博客
08-03 7029
很多情况下，我们需要找到父元素，但可惜的是css中并没有这样的一个选择器。至于原因可以看张鑫旭的如何在CSS中实现父选择器效果这篇文章。简单来说这个实现并不是真正的父元素选择器，只是利用其它思路来实现相同效果罢了。HTML：ppppppppCSS：div,p{margin:0;padding:0;}#box{width:300px;height:300px;position:relative;}#...
根据css找元素,查找应用于元素的所有css规则。
weixin_29042035的博客
08-03 221
神不在的星期二由于这个问题目前没有一个轻量级(非库)、跨浏览器兼容的答案，我将尝试提供一个：functioncss(el){varsheets=document.styleSheets,ret=[];el.matches=el.matches||el.webkitMatchesSelector||el.mozMatchesSelector...
按css查询多个元素
dianlu5775的博客
07-11 140
示例2 查询多个元素 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <!DOCTYPE html> <html> <head> ...
在CSS中如何寻找第一个元素、最后一个、偶数、奇数、第n个标签元素
最新发布
学习博客 记录技术文档及心得体会
01-26 4395
除了:first-child选择器，还可以使用:nth-child()选择器来选择父元素下的指定子元素。在CSS中可以使用:first-child、:nth-child()、:first-of-type和:nth-of-type选择器来选择父元素下的第一个/指定位置/指定类型的子元素。CSS还提供了:first-of-type和:nth-of-type选择器，它们可以用于选择父元素下指定类型的第一个/指定位置的子元素。上面的代码将ul元素下的第一个li元素的文字颜色设置为红色。
DOM —【通过style获取元素css属性】
Zyl_CN的博客
06-05 925
var iLi=document.querySelector('li'); var a=window.getComputedStyle(iLi).width||document.defaultView.getComputedStyle(iLi).width; //兼容写法，获取的是该元素的css样式（内联，外联和行内都可以获取） iLi.style.width='200px'; //.style可...
css3实现多个元素依次显示效果
01-19
特别是快到年底了，也许有同学正在为了公司的活动页面而忙碌，get到这样一个小技能说不定刚好对你有帮助哦。 在css3中，我们使用animation与keyframes结合，可以给元素添加各种各样的动画效果。具体的动画，在...
css-element-queries：CSS元素查询又称容器查询。 有效CSS中的高速元素尺寸媒体查询
02-05
CSS元素查询 元素查询是一种polyfill，它为所有新浏览器（包括IE7 +）添加了对基于元素的媒体查询的支持。 它不仅允许根据窗口大小定义媒体查询，而且还可以根据元素（支持任何选择器）的大小添加“媒体查询”功能...
css选中父元素下的第一个子元素
热门推荐
eden00的博客
04-02 2万+
目录标题前言E:first-child的第一个误区（只会选中我规定的区域中的一个，不会遍历其下有多少个孙或曾孙元素）E:first-child的第二个误区（不管这个E元素前面有几个兄弟，只要我是第一个E元素，那我就会生效）如何只选择指定元素中子元素呢？不考虑膝下有多少个孙子和曾孙呢。 前言 最近在项目中用到 :first-child 很容易的就想到了，嗯嗯。这不就是选择第一个元素吗？ 好像很好用，...
css定位页面元素,页面元素定位-CSS元素基本定位
weixin_32147807的博客
08-04 2359
基本定位"""属性定位 一 """# #通过id# driver.find_element_by_css_selector("#kw").send_keys(u"博客园")# #通过class# driver.find_element_by_css_selector(".s_ipt").send_keys(u"博客园")#通过标签 数量过多的情况下需要增加标签过滤# driver.find_ele...
css查找元素注意事项
weixin_44656428的博客
02-19 850
一、CSS ID 选择器查找元素 1.注意： 如果元素的ID不唯一，或者是动态的 或者name以及linktext属性值也不唯一 我们就需要考虑用Xpath来查找元素了，然后再对元素执行操作 不管用什么方式查找元素，id、name、Xpath、CSS等等 都需要在页面上查找到唯一的元素，都应该只找到一个匹配的node 除非想要查找一批元素放在集合里，然后来查找集合 2.语法：（—代表）...
cssom
liangx的博客
11-18 586
前面的课程中，我们已经学些了 DOM 相关的 API，狭义的 DOM API 仅仅包含 DOM 树形结构的相关内容，今天我们来学习一类新的 API：CSSOM 我想，你在最初接触浏览器 API 的时候，应该都有跟我类似的想法，“好想要 element.width,element.height” 这样的 API 啊 这样的 API 可以直接获取元素的显示相关信息，它们是非常符合人的第一印象的设计，但是偏偏 DOM API 中没有这样的内容。 随着深入我才知道，这样的设计是有背后逻辑的，正如 HMLT 和 CS
css获取下一个元素,css选择器获得2个元素(css selector get 2 elements)
weixin_32243309的博客
08-03 5474
css选择器获得2个元素(css selector get 2 elements)我需要选择两个元素，跳过接下来的两个元素，选择两个元素等。例如，假设我有10个元素：element1element2element3element4element5element6element7element8element9element10我想选择元素1,2,5,6,9和10。有没有办法利用nth-child或...
css 获取前后同级兄弟元素的方法
jiangjunyuan168的博客
12-11 7521
获取后面的兄弟元素相较于获取前面的兄弟元素来说更简单点，这是浏览器 流布局 所决定的（元素...
css找某个元素的下个子元素,使用CSS获取特定位置的子元素
weixin_42502838的博客
08-03 7933
想要使用CSS获取特定位置的子元素，可以使用CSS :nth-child()选择器。:nth-child()选择器仅用于选择属于其父级的第n个子级(无论类型如何)的元素。下面本篇文章就来给大家介绍一下CSS :nth-child()选择器，希望对大家有所帮助。:nth-child(n) 选择器匹配父元素中的第 n 个子元素，元素类型没有限制。语法：: nth-child(arg) {// CSS样...
CSS选取第一个、最后一个、偶数、奇数、第n个标签元素
weixin_50446072的博客
12-06 7025
CSS选取第一个、最后一个、偶数、奇数、第n个标签元素
如何用css选择器选中某个类的第一个元素
reol44的博客
03-30 7222
则可以选中 A后的所有B元素,只要它们共用一个父元素,也就是说这句加上去,不会选到任何一个元素,因为父元素。这样弄不太好,因为初始属性还要去重新设置,要是每个。但是上面这句其实是选中一下两个条件都满足的元素。的颜色都是在不同地方设置的不同颜色,就不好改了。要将’选中’变成红色改怎么使用css。除此之外,可以使用兄弟选择器。首先想到的是 伪类选择器。
html页面中查找元素 css
lanqibaoer的专栏
03-26 2219
1、根据某标签获取上层父标签   根据img获取上层div:  $(img).parents("div");  根据div查询下属标签，如a:  $(img).parents("div").find(".div1 a");
CSS-伪类获取除第一个之外的其他子元素
草莓味的狗儿博客
06-18 7192
若实现效果如下，css伪类可以把握的死死的↓↓↓ 举个栗子： <div class="contents"> <div>1</div> <div>2</div> <div>3</div> </div> <style> .contents{ display: f...
css 第一个css名的元素
08-28
在CSS中，第一个CSS类的元素是通过使用CSS选择器来选择的。选择器可以是元素名称、类名、ID、属性值等。如果你想选择第一个CSS类的元素，可以使用以下方式： 1. 使用类选择器：如果你的CSS类名是 "my-class"，可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值