css选择器 nth-child nth-child(2n) 和 nth-child(2)有什么区别，nth-child(n)的值用nth-child(1)可以取到，为什么前者却不行，谢谢 回复讨论(解决方案) http://www.w3school.com.cn/cssref/selector_nth-child.asp http://www.w3school.com.cn/cssref/selector_nth-child.asp 好
本帖最后由 xyz121323693 于 2013-01-18 09:33:28 编辑 若是您欲望选择只作为 h1 元素子元素的 strong 元素，可以如许写： h1 > strong {color:red;} 这个规矩会把第一个 h1 下面的 strong 元素变为红色，然则第二个 strong 不受影响： This is very important. This is really very important. 想问一下，怎么第二个就不受影响？ 回复讨论(解决方案) 什么问题？只能猜测了 ...
div > p { color: red; } p1 p2 既然是子元素，为什么 p2 也变了颜色呢？ 一开始以为是继承，后来用 style="color: red; " 试了一下，下面 p 不会继承这个样式。 求解啊，谢谢了！ 回复讨论(解决方案) 这就是所谓的标签嵌套规范，你可以通过开发者人员工具，查看页面解析，虽然p包含在内，但是，最终解析还是属于 div的直接子集 如下实例是正常的 ...
在鼠标浮动在元素上后，元素的样式改变的情况下，:hover选择器是一种很好的选择。接下来看看:hover的相关定义及用法。 :hover选择器用于选择鼠标指针浮动在上面的元素。 注意： 1.一开始我以为:hover选择器只可用于链接上，但事实上，它竟可以用于所有的元素。 2.在CSS定义中，:hover必须位于:link和:visited之后（如果存在的话），这样才可以生效。 下面来看一段使用的代码。 p:hover{color:red;} /*...
id选择器优先级 > 类class选择器优先级 > 标签选择器优先级 class 选择器 .inner{ width:100px;}id 选择器 #demo{ width:100px;}标签 选择器 p{ width:100px;}后代选择器 p a{ color: #f60;}伪类选择器 a:hover{ color: #f00;}伪元素选择器 a:after{ clear: both;}属性选择器 input[type=checkbox]{ margin-left: 10px;}css3选择器
原文出处： 一线码农 说到伪选择器，真的让我体会到了CSS的无比强大，强大到自己貌似都不认识CSS了，有点C# 6.0中一些语法糖带给我们的震撼。。。首先我们可以在VS里面提前预览一下。 可以看到，上面的伪类有很多很多，多的让我眼都快瞎了。。。下面就挑一些实用性比较强的说一说。 一 :nth-child 伪选择器 我们知道在jquery中有一种选择器叫做“子类选择器”，对应的有:nth-child，:first-child，:last-child，:onl...
前言 前几天整理了CSS一些技术关键字，但是因为自己的知识过于单薄，觉得考虑的不充分有欠缺，随后便在sf.gg提出了这个问题《关于CSS核心技术关键字都有哪些？》，也是为了让厉害的人一起参与进来，用他们的经验告知我们CSS中哪一块的知识点是重要，或者说是不可欠缺的，也或者说是应该打好基础的。 在整理这份CSS技术关键字的开始，首先想到的是选择器，它作为最常用的的一个特性，几乎天天都在使用，但是如果让你说出20种CSS选...
自定义属性： 选择器 -webkit--moz--o- 属性选择器 在CSS3以前，如果需要选择选择某个/类元素的话，一般会使用id/class来进行选择，CSS3则提供了更强大的功能，可以根据元素中的某个属性，从而选中该元素。具体如下： E[attr]：属性名为 attr 的所有 E 元素 E[attr="value"]：属性 attr 的属性值 为 value 的所有 E 元素 E[attr~="value"]：属性值(>=1)中包含 value 的 E[attr^="value"]：属性值是以 value 开头的 ...
一：css3属性选择器： img[alt]{ border:2px dashed #000;} 这个选择器会匹配页面标签中任何一个含有alt属性的图片标签。 还可以通过设定属性值来缩小匹配范围：如下代码： img[alt="atwi_oscar"]{ border:2px dashed #000;} css3的子字符串匹配属性选择器（1）‘匹配开头’的属性选择器依法如下：Element[attribute^="value"]，实例代码如下： img[alt^="filem"]{ border:2px dashed #000; } (2...
A 标签HTML 选择器 body { padding : 0px ; margin : 0px ; background-color : #ffdee0 ; } B 类别CLASS 选择器 .hongkong { color : blue ; } .hunang { color : red ; } ...... 刘德华 张学友 何炅 汪涵 C 专用ID 选择器 ...
一，派生选择器 li strong { font-style: italic; font-weight: normal; } 指定一个元素中的子元素的样式。这种的选择器不会因为层级关系失效。如果li中包裹了其他包裹了strong的元素，那么strong元素的样式还是生效的。 h1 > strong {color:red;} 和派生选择器的功能差不多，不同的是，多层包裹的话不会生效。只有在h1中包裹的strong元素才能生效。 h1 + p {margin-top:50px;} 相邻兄弟选择器。拥有同一...
CSS1、2、3选择器统览 css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了：Click 通过测试：有如下更正或说明： 注：下述浏览器兼容性以x+表示，表明x以及x以上版本。 动态伪类选择器E:active：若E为锚点，ie6+可兼容；若为其他（不局限为表单元素）， ie的兼容性为8+； E>F：匹配E下第一个为F的子节点，F不一定是E的第一个子节点； E+F：匹配紧紧跟着E的F节点，F需要是E的第...
red this one and this one... 请问如何选择如上中的 this one and this one 两个元素 我用 .a.b{} 试验是错误的。 回复讨论(解决方案) .a 空格 .b {} .a 空格 .b {} 试过，没用 .a{color:red} .a .b{font-weight:bold;color:green} red this one this one p标签套div这样有用吗 p标签套div...
转载自个人博客 1.常用选择器 1.1标签选择器 p{ }/*选择标签名为p的元素*/ 1.2类选择器 .box{ }/*选择class名为box的元素*/ 1.3ID选择器 #pid{ }/*选择id名为pid的元素*/ 1.4通配符选择器 *{ }/*选择页面中所有的元素*/ 1.5选择器前缀 div.bd{}/*选中class名为bd且标签为div的元素*/ 1.6属性选择器 [disabled]{}/*选择带有属性disabled的所有元素*/[type=button]{}/*选择type属性为button的所有元素*...
CSS还有着一些非常好的选择器,可能有些人还不知道,学习这些,可以帮助你在实际项目中很简单的控制你的网页.例如,你可以选择偶数和奇数元素,第一个和最后一个,下一个等等. 在本文中,我们将通过不同的场景使用不同的选择器. 我们不适用已知的一些CSS选择器,比如ID和class. 我们准备学习这些选择器. 我们会解释他们的运作.甚至更多的高级的东西. 1. First Line 和 First Letter p:first-letter 给...