CSS的选择器父元素和相邻同胞元素能不能一起用

2020-12-12 20:26:19 字数 3747 阅读 1642

1楼:匿名用户

ie7以后才支持css的兄弟选择器

可能你用的是ie6。

其他的现代浏览器都是支持的。

怎样有效使用css普通相邻选择符

2楼:匿名用户

你说的是相邻的兄弟元素,还是相邻的父子元素

如果两个相邻的元素是兄弟元素,有共同的父元素,则用相邻兄弟选择器:+

如果两个相邻的元素是父子元素,则用子元素选择器:>

css3 相邻兄弟选择器和通用选择器只能通过类来实现的么?

3楼:匿名用户

相邻兄弟选择器(e + f)可以选择紧接在另一个元素后的元素,它们具有一个相同的父元素。

有class(.xx )的

有id ( #xx ) 的

还有标签形式的 ( div )的都可以。

除此之外没其他表达式了。

要是不想用css3来做,那jquery也可以

4楼:匿名用户

你的问题描述的并不是太清楚,相邻的兄弟选择器,在普通的js中并不是太好访问的,如果是同类型的比如同一个class 当然你是可以通过classlist来访问了,不过这个很麻烦,并且不够灵活,一般多用jquery来解决这个问题,jq有一套完整的访问相邻元素的语法,简单易用。且强大。。比如$(div).

next(),$(div).perv,很轻松的做到了访问div元素的上一个和下一个相邻的兄弟元素,类似语法一整套下来足够用了,。建议去参考下

css选择器的1.9 相邻同胞选择器

5楼:尤轺袬

我们除了上面的子选择

器与后代选择器,我们可能还希望找到兄弟两个当中的一个,如一个标题h1元素后面紧跟了两个段落p元素,我们想定位第一个段落p元素,对它应用样式。我们就可以使用相邻同胞选择器。看下面的**:

example source code cssh1 + p

html

div+css教程中,介绍了很多关于css网页布局的知识。

css布局实例中,有很多与css布局有关的案例。

我们将会看到第一个段落“div+css教程中,介绍了很多关于css网页布局的知识。”文字颜色将会是蓝色。而第二段则不受此css样式的影响。

+和~的区别:类似上面一个,两者都表示兄弟关系,但是+必须是“大哥+二哥”,~还能是“大哥~三弟”、“二哥~四妹”

css伪类选择器,如何选择并控制相邻的上一个标签

6楼:匿名用户

css伪类是用来添加一些选择器的特殊效果。谁的伪类只能给谁添加效果,并不能控制元素吧。

css选择器的问题:两个类选择器连在一起是什么意思?

7楼:匿名用户

例如:du .ui.item 和 .ui .item 还有 .ui > .item

第一个匹配

:zhi

dao;

无法内匹配:

和 ;第二个匹配:

中间的容 div;

第三个匹配:

中间的 div;无法匹配:

。三个的区别是:

规则 .ul.item 匹配 class 属性同时含有 ul 和 item 的元素;

规则 .ul .item 匹配 class 属性包含 ul 的元素中 *任意的* class 属性包含 item 的元素(二者是祖先元素与后代元素的关系);

规则 .ul > .item 匹配 class 属性包含 ul 的元素的子元素中 class 属性包含 item 的元素(二者是父元素与子元素的关系,在相邻的层

8楼:计睿闪以筠

子选择器。表示谁里边的谁;比如div

pa{}

表示要为div下面的p标签的a标签设置样式。

9楼:匿名用户

选择同时拥有prev和on两个class的元素

10楼:it马倩

表示加强关系,必须两个条件都符合

用css选择器 如何选择自己的父元素

11楼:肥仙女

1、双击打开hbuilderx工具,并新建一个html5静态页面,如下图所示:

2、在body标签元素内,插入多个div标签,并使用div嵌套,如下图所示:

3、在title标签下方添加一个style,设置全局的样式,使用*符号,如下图所示:

4、保存**并打开浏览器查看页面效果,可以发现页面有背景色,如下图所示:

5、再利用body标签选择器,设置宽度、字体属性、字体大小等属性,如下图所示:

6、最后使用body标签内的div选择器设置div标签样式,添加边框、内外边距,如下图所示:

12楼:海天盛筵

1.双击打开hbuilderx工具,创建一个新的html5静态页面,如下图zd所示:

2.在body标签元素中插入多个div标签,并用div将它们嵌套在div中,如下图所示:

3.在标题标签下面添加一个样式,设置全局版本的样式,并使用*符号,如下图所示:

4.保存**并打开浏览器查看页面效果。可以在页面上找到背景颜色,如下图所示:

5.使用body标签选择器设置宽度、字体属性、字体大小等属性,如下图所示:

6.最后,使用body标签内部的div选择器来设置div标签样式,并添加边框和内外边的权重距离,如下图所示:

13楼:匿名用户

css 没有父元素选择器,只有子元素选择器h1 > strong,选择第一个 h1 下面的strong 元素;兄弟选择器h1 + p 选择紧接在另一个元素后的元素,而且二者有相同的父元素;

父元素可以使用jquery,$(".class:parent") 或 $(".class").parent();

14楼:匿名用户

css标准不能选择父级

请用其它方法

比如js

“parent“>

document.getelementbyid("child").onfocus = function();

15楼:匿名用户

这个问题问的好,如果是自己得到焦点,改变自己的背景色,很好办.child:focus

但是,要想在得到焦点时,改变父标签的背景色,就不好办,可以在得到焦点时,改变子标签的背景色,如

如果想有focus事件,就必须让它是可编辑的,这里给div加上了contenteditable=true来让它可编辑。

所以,最终的解决办法还是要用js来实现,楼下的是正解。

16楼:臭猪

$.css('background','grey') 这个好久没用了 也不知道对不对。。。

求解css相邻兄弟选择器该怎么去理解

17楼:育知同创教育

http://****w3school.***.**/css/css_selector_adjacent_sibling.asp 如果还不能理解 就看看这块的参考手册

18楼:

'+' 或者 '~'

css 有选择父级元素的选择器吗

19楼:魄痕之心痕

我是从来没有见过,css中,是从父级向下找的,没见过向上找的