css
>
strong，选择第一个
h1
下面的strong
元素；兄弟选择器h1
+
p
选择紧接在另一个元素后的元素，而且二者有相同的父元素；
父元素可以使用jquery，$("class:parent")
或
$("class")parent();
一、简单的选择器
1）标签选择器
与网页元素同名，用的最多，也简单，即直接作用于与该选择器名字相同的标签
2） 类选择器
能够为网页对象定义不同的样式类，实现不同元素拥有相同的样式，相同元素的不同对象拥有不同样式
3）类选择器和标签结合在一起==>指定类选择器
指定该类用于特定的标签范围内
4）ID选择器（ID唯一）
这个就不举例讲解了，类比类选择器，把""换成"# "即可
5）通配选择器
如果所有元素都需要定义相同的样式，推荐使用通配选择器
二、复合选择器
1）子选择器
2）相邻选择器（二者有相同父元素）
利用相邻的兄弟元素来控制，即相邻选择器就是指定一个元素相邻的下一个元素的样式。相邻的选择器使用+表示
3）包含选择器（后代选择器）
第一对象一定要内包含第二对象
4）选择器嵌套
5）属性选择器
属性选择器就是利用网页标签包含的属性及其属性值来定义特定对象或一定范围元素的样式。
1匹配属性名选择器
2扩展
3匹配属性值选择器
4模糊匹配属性值选择器
类似正则表达式
6）伪选择器和伪元素选择器
标签之间可以通过逗号隔开来设定多个标签的CSS样式
css的选择符只能是从父到子，从上到下的顺序。
只有当b元素是a元素下面的兄弟元素，或者b元素是a元素的子元素的情况才能实现鼠标移到A上，A变红，B变蓝。
<style type="text/css">a:hover { background-color: #f00; }
a:hover~b { background-color: #00f; }
</style>
</head>
<body>
<div class="a">aaa</div>
<div class="b">bbb</div>
</body>
以上就是关于用css选择器 如何选择自己的父元素全部的内容，包括:用css选择器 如何选择自己的父元素、CSS布局基础(五)--选择器、纯CSS实现：用一个元素的hover控制两个元素，比如有A和B两个元素，鼠标移到A上，A变红，B变蓝。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）