css选择器过滤广告

❶ 跪求html 5 的CSS3选择器中的 反选伪类选择器：not 示例

#div:not(':last-child')
选择id=div的除了最后一个子元素以外的所有子元素
#div:not(p) 选择id=div的元素下所有不是p元素的子元素

❷ CSS选择器针对超级链接进行设置的状态有哪些

这位网友你好，你是不是在做练习题或者是考试的题目啊，答案回如下：

a:link {} /* 这是链接的答一般样式*/

a:visited {} /* 这是已经访问过的链接样式*/

a:hover {} /* 这是当鼠标滑过链接或者鼠标悬浮于链接上的样式 */

a:active {} /* 这是链接在激活瞬间的样式，一般可以忽略，或者设置为hover的样式*/

❸ 用css伪类选择器怎样对网页中指定超链接设置特定的样式（不是所有的超链接，是指定的一部分）谢谢了！

你可以在a 链接的加过一个class 或者 用 父级+ a 的方式也可以啊

这样就只是指定一部份了

❹ 怎么提高CSS选择器效率

首先我们需要清楚，浏览器是如何读取选择器，以识别样式，并将相应的样式附于对应的HTML元素，达到美化页面的效果。Chris
Coyier曾在《Efficiently Rendering
CSS》一文中说过“浏览器读取你的选择器，遵循的原则是从选择器的右边到左边读取。换句话说，浏览器读取选择器的顺序是由右到左进行”。比如说：

div.nav > ul li a

上面的实例来说，浏览器首先会尝试在你的HTML标签中寻找“a”元素，接着在匹配“li和ul”，最后在去匹配“div.nav”。这就是前成所主的“选择器从右到左的原则”。

选择器的最后一部分，也就是选择器的最右边（在这个例子中就是a[title]部分）部分被称为“关键选择器”，它将决定你的选择器的效率如何？是高还是低。

老版本的浏览器可以过滤掉不匹配的选择器，而直接匹配更高效的选择器。记得David Hyatt在《Writing efficient
CSS for use in the Mozilla
UI》说过：“这个关键选择器可以大大提高选择器的性能，少检查一个给定的元素规则，就可以更有效的将样式匹配给对应的HTML元素。”那么如何让关键选
择器更有效，性能化更高呢？其实很简单，主要把握一点“越具体的关键选择器，其性能越高”

那么什么样类型的选择器，其性能高？什么样的类型的选择器性能低呢？下面我们就针对两个问题来展开具体的学习。

CSS选择器的效率

如果你阅读了本站的有关于选择器类型的介绍的话，你对选择器并不会感到陌生。就算你没读过，我想CSS选择器不会让我们觉得是新东西，比如我们
常用的基本选择器“元素标签选择器div”、“id选择器#header”、“类选择器.class”，或者说我们很少见的伪类选择器“:focus”以
及更复杂的css3选择器“:nth-child”等等。

选择器有一个固有的效率，我们来看Steve Souders给排的一个顺序：

id选择器（#myid）
类选择器（.myclassname）
标签选择器（div,h1,p）
相邻选择器（h1+p）
子选择器（ul > li）
后代选择器（li a）
通配符选择器（*）
属性选择器（a[rel="external"]）
伪类选择器（a:hover,li:nth-child）

上面九种选择器的效率是从高到低排下来的，基中ID选择器的效率是最高，而伪类选择器的效率则是最底。详细的介绍大家还可以点击Writing efficient CSS selectors。

综合上面的顺序，我们清楚的知道，id和类名用于关键选择器上效率是最高的，而CSS3的仿伪类和属性选择器，虽然使用方便，但其效率却是最低的。我们下面一起来看几个实例的对比：

div #myid

效率要比下面的高：

#myid div

第一种选择器比第二种选择器效率高，大家或许会问为什么？其实根据前面所介绍的我们就不难理解了，因为第一个选择器的“关键选择器”使用了
“ID选择器”，而第二个选择器的“关键选择器”使用的是“标签选择器”，对比下来，“ID选择器”效率高过“标签选择器”，所以说第一个选择器的效率要
高于第二个选择器。

在类名或ID名前面加上标签也会致使选择器效率变低的，比如说：

div
#myid

上面两个选择的效率要高于下面的选择器：

p#mydiv
p.myclassname

来自Mozilla的几点建议

David在《Use efficient CSS selectors》中介绍了几种书写高效率的CSS选择器的方法，下面我将他们移到这里来让大家参考：

写道

1 避免普遍规则
2 不要在ID选择器前加标签名或类名
3 不要在类名选择器前加标签名
4 尽可能使用具体的类别
5 避免使用后代选择器
6 标签分类规则中不应该包含一个子选择器
7 子选择器的问题
8 借助相关继承关系
9 使用范围内的样式表

如果你不够清楚上面所讲的是什么，你可以点击这里，他会让你更容易了解这些规则。

我们应该怎么做

前面说“ID选择器”的效率是最高的，那么今天我们写样式，为了提高选择器的效率，是不是我们要在每一个文档的HTML元素中都加入ID名呢？
我想这样的做法是没有的。对于一个有语义的代码编写和如何提高性能，以前他们之间如何的平衡？其实这个选择器的效率低一点，对于大多数网站来说并不会有太
大的影响，但对于一个大型的网站，产生大量的流量这就会有差别了，也就很值得我们去对他进行优化。那么我们就很有必要的去了解他们是如何工作，比如说，一
般情况下哪些选择器的使用效率更高。来看两个简单的例子：

#myid

上面的选择器高于下面的：

p#myid

后者的写法我发现还是有很多朋友这样写，但我不知道你为什么需要在ID前面加一个标签？难道你同一个页面会有多个相同的ID不成？

我们接下来在来看一个实例，用于列表上的，比如说我们制作导航菜单的：

#nav a

高效于：

#nav li a

上面只是介绍了两个常碰到的实例，在这里说这两个实例，主要目的是让你在今后的编写样式时，能注意这方面的的细节，从而加快你的代码效率。

❺ CSS的选择器能通过标签里的内容进行选择么

你是指来这样的自吗？
例如
12345678910<input type="text" class="user"><input type="submit" class="btn"><h2 title="hello">hello world</h2><div data="xxx"></div><style>input[type="text"] {......}input[type="submit"] {.......}[title="hello"] {......}div[data="xxx"] {......}</style>
style里的就是CSS属性选择器

❻ CSS的选择器能通过标签里的内容进行选择么

你是指这样的吗？

例如

<inputtype="text"class="user">
<inputtype="submit"class="btn">
<h2title="hello">helloworld</h2>
<divdata="xxx"></div>
<style>
input[type="text"]{......}
input[type="submit"]{.......}
[title="hello"]{......}
div[data="xxx"]{......}
</style>

style里的就是CSS属性回选择答器

❼ css选择器，选不中想要 代码如图

[src*=xxx]使用这个选择器即可，表示选择每一个src属性的值包含子字符串"xxx"的元素

❽ CSS选择器只选到一个span

你这样写呢：
#menu .ullist li a span { background: url(../img/pin-small.png) no-repeat right center;}

还有一种情况，你在span 的中间加个 可能是span 没有设定高宽 ;内容没显示，版你换个浏权览器试试（ff ,chrome ）里面看看

❾ css3的选择器有哪些

css3选择器如下：

一、通配符选择器（*）

通配符选择器是用来选择所有元素，，也可以选择某个元素下的所有元素。

二、元素选择器（E）

元素选择器，是css选择器中最常见而且最基本的选择器。

三、类选择器（.className）

类选择器是以一独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名

四、id选择器（#ID）

ID选择器和上面说的类选择器是很相似的，在使用ID选择器之前也需要先在html文档中加注ID名称，这样在样式选择器中才能找到相对应的元素，不同的是ID选择器是一个页面中唯一的值，我们在类使用时是在相对应的类名前加上一个“.”号（.className）而id选择器是在名称前使用＂#＂如（#id）,

五、后代选择器（E F）

后代选择器也被称作包含选择器，所起作用就是可以选择某元素的后代元素，比如说：E
F，前面E为祖先元素，F为后代元素，所表达的意思就是选择了E元素的所有后代F元素，请注意他们之间需要一个空格隔开。

六、子元素选择器（E&gt;F）

子元素选择器只能选择某元素的子元素，其中E为父元素，而F为子元素，其中E&gt;F所表示的是选择了E元素下的所有子元素F。这和后代选择器（E
F）不一样，在后代选择器中F是E的后代元素，而子元素选择器E &gt; F，其中F仅仅是E的子元素而以。

七、相邻兄弟元素选择器（E + F）

相邻兄弟选择器可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素，换句话说，EF两元素具有一个相同的父元素，而且F元素在E元素后面，而且相邻，这样我们就可以使用相邻兄弟元素选择器来选择F元素。

❿ css3有没有除第一个子元素以外的元素的选择器

有的，包括：“:not(:first-child)”、“:nth-child(n+2)”两种方式。

1、:not(:first-child)：其中，E:not(s)表示匹配所有不匹配简单选择符s的元素E，E:first-child匹配同级兄弟元素中的第一个E元素。

2、:nth-child(n+2)：其中nth-child表示第几个son，n+2表示从第二个开始(即所有的n都是取从0开始的自然数)。

(10)css选择器过滤广告扩展阅读：

css3中相关的选择器：

1、E:root ：匹配文档的根元素。在HTML（标准通用标记语言下的一个应用）中，根元素永远是HTML

2、E:nth-child(n)：匹配父元素中的第n个子元素E

3、E:nth-last-child(n)：匹配父元素中的倒数第n个结构子元素E

4、E:nth-of-type(n)：匹配同类型中的第n个同级兄弟元素E

5、E:nth-last-of-type(n)：匹配同类型中的倒数第n个同级兄弟元素E

6、E:last-child：匹配父元素中最后一个E元素

7、E:first-of-type：匹配同级兄弟元素中的第一个E元素

8、E:only-child：匹配属于父元素中唯一子元素的E

9、E:only-of-type：匹配属于同类型中唯一兄弟元素的E