html中选择子元素子元素选择器

p:first-child
选择第一个子元素（p是body的子元素）但是当第一个不是p则什么都选不到这个的意思是不仅要是第一个还要同时是p元素
p:last-child
last是指所有的父元素中最后一个子元素这里前面标签为p所以最后的子元素也得同时是p不然没用
p:nth-child(2)
这个可以选中指定元素的父元素的子元素括号中填入几就会选择指定元素的父元素中第几个且前面的选择器能选中的子元素简单来说，就类似于交集选择器，即选择同时符合nth-child前面的选择器和满足对应的位置的元素
当括号内填入even 则选择偶数位置的子元素
填入odd 选择奇数位置的子元素
p:first-of-type
选择父元素中第一个为p的子元素

p可以换为其他标签同时也可在p的前面指定对应的父元素如 div p:first-child
指定div父元素中第一个且为p的子元素

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style "type:text/css">p:first-child{font-size:100px ;}p:last-child{color: cyan ;}/*first-child选择第一个子元素（p是body的子元素）但是当第一个不是p则什么都选不到 这个的意思是不仅要是第一个还要同时是p元素  last是指所有的父元素中最后一个子元素 这里前面标签为p所以这个子元素也得同时是p不然没用*/p:nth-child(2){color:yellow;}/*这个可以选中指定位置的子元素当括号内填入even 则选择偶数位置的子元素填入odd 选择奇数位置的子元素*/p:first-of-type{background-color: black;}/*选择父元素中第一个为p的子元素*/</style></head><body><span>啥笔</span><p>打你？？</p><p>就是打你</p><p>大丢是你</p><div ><p>劳资个你</p></div><!--这个p是div的第一个子元素但是可以通过在p:first-child前加上指定父元素来指定某个确定的第一个子元素--><p>大丢是你啊？</p></body>
</html>

html中选择子元素子元素选择器相关推荐

[Python Tips] 从list中选择”除某个特定元素之外“的值
Problem: 在编程过程中,需要加入list中除某个特定元素之外的值 Solution: 可以通过利用Python中set的差来排除特定元素 Example: 设有列表 A: A = [(-1,- ...
js进阶 10-9 -of-type型子元素伪类选择器
js进阶 10-9 -of-type型子元素伪类选择器一.总结一句话总结:三种和first.last等有关的选择器. 1.:first和:first-child和:first-of-type的区别 ...
html伪类选择器结构,子元素伪类选择器 - CSS3 | 绿叶学习网
子元素伪类选择器,指的就是选择某一个元素下的子元素.伪类选择器,相信小伙伴也接触过了,最典型的就是超链接的几个伪类:a:link.a:visited.a:hover.a:active. 在CSS3中, ...
Vue中获取当前点击元素的父元素、子元素、兄弟元素
Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...
js原生后代选择器_JavaScript DOM查询，原生js实现元素子节点的获取
每个网页都是一个dom树,网页中所有的内容都是这个树上的一个节点.JavaScript的工作就是操作这些节点,对节点进行查增删改操作,或是给节点绑定事件. 网页 dom树要操作dom节点,首先要获取 ...
如何在组件模板中选择元素？
本文翻译自:How can I select an element in a component template? Does anybody know how to get hold of an e ...
【算法30】从数组中选择k组长度为m的子数组，要求其和最小
原题链接:codeforce 267 Div2 C 问题描述: 给定长度为n的数组a[],从中选择k个长度为m的子数组,要求和最大. 形式描述为:选择$k$个子数组[$l_1$, $r_1$], [$ ...
html dom取父节点jq,querySelector获得兄弟DOM元素父级DOM元素子级DOM元素
一.js定位兄弟,父级,子级元素所有DOM方法var el = document.getElementById('xxx');var el = document.getElementByName(' ...
jq获取最后一个子节点_如何选择jQuery中的最后一个子元素？
牧羊人nacy 如果要选择最后一个子元素,并且需要具体说明元素类型,则可以使用选择器last-of-type这是一个例子:$("div p:last-of-type").css(& ...
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! js 在父窗口中获取iframe中的元素格式:window.frames["iframe的n ...

html中选择子元素子元素选择器

html中选择子元素子元素选择器相关推荐

最新文章

热门文章

html中 选择子元素 子元素选择器

html中 选择子元素 子元素选择器相关推荐

最新文章

热门文章

html中选择子元素子元素选择器

html中选择子元素子元素选择器相关推荐