CSS3新增属性选择器有哪些

css3为开发者带来了许多全新的选择器，包括属性选择器。属性选择器指的是通过元素的属性来选择元素。在CSS3中，有四种不同的属性选择器可供使用。

1. [attribute]选择器

这种选择器选取所有具有指定属性的元素，无论属性的值是什么。

例如，想要选取所有有class属性的元素，可以使用以下代码：

[class] { background-color: grey; }

这段代码会将所有有class属性的元素的背景色设为灰色。

2. [attribute=value]选择器

这种选择器选取所有具有指定属性并且属性值等于指定值的元素。

例如，想要选取所有class属性为"container"的元素，可以使用以下代码：

[class=container] { border: 1px solid black; }

这段代码会将所有class属性为"container"的元素的边框设为1像素的黑色实线。

3. [attribute^=value]选择器

这种选择器选取所有具有指定属性并且属性值以指定值开头的元素。

例如，想要选取所有class属性以"nav-"开头的元素，可以使用以下代码：

[class^=nav-] { font-weight: bold; }

这段代码会将所有class属性以"nav-"开头的元素的字重设为加粗。

4. [attribute$=value]选择器

这种选择器选取所有具有指定属性并且属性值以指定值结尾的元素。

例如，想要选取所有class属性以"-btn"结尾的元素，可以使用以下代码：

[class$=-btn] { color: white; background-color: blue; }

这段代码会将所有class属性以"-btn"结尾的元素的字色设为白色，背景色设为蓝色。

以上是CSS3新增的属性选择器。这些选择器的使用可以更加精确地选取元素，在CSS开发中非常实用。

CSS中优先级别最高的代码为关键字

CSS中有许多选择器和属性，它们都有不同的优先级别。但是，最高优先级别的代码实际上不是选择器和属性，而是CSS的关键字。

CSS关键字指的是内置的，具有预定义效果和行为的单词或短语。其中包括诸如"inherit"、"initial"和"unset"等。这些关键字都是预定义的，不需要使用任何其他CSS代码才能生效。

例如，想要将元素的字重恢复为默认值，可以使用"initial"关键字：

font-weight: initial;

这段代码会将元素的字重恢复为默认值。

另一个例子是"inherit"关键字。这个关键字表示的是元素从父元素继承相同属性的值。

例如，想要让某个元素继承父元素的背景色，可以使用以下代码：

background-color: inherit;

这段代码会使该元素的背景色与其父元素相同。

关键字的优先级别高于所有其他代码，因为它们是唯一的值，没有其他代码可以覆盖它们。因此，在开发CSS的过程中，使用关键字可以提高代码的可读性，同时也可以确保代码的准确性。

总结

CSS3为开发者带来了众多实用的新选择器和属性，其中包括属性选择器，可以更加精准地选取元素。然而，在CSS中，关键字是具有最高优先级别的代码，因为它们是预定义的，并且没有其他代码可以覆盖它们。使用关键字可以提高代码的可读性和准确性。