全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

css选择器有哪些及优先级

发布时间:2023-04-06 11:24:00
发布人:wjy

  在CSS中,选择器用于选中HTML中的元素,从而对其应用样式。以下是一些常见的CSS选择器:

  1.元素选择器(Element Selector):通过元素的标签名选中元素,如p、h1、div等。

  2.类选择器(Class Selector):通过元素的class属性值选中元素,以.开头,如.classname。

  3.ID选择器(ID Selector):通过元素的id属性值选中元素,以#开头,如#idname。

  4.属性选择器(Attribute Selector):通过元素的属性值选中元素,如[attr]、[attr=value]、[attr^=value]等。

  5.伪类选择器(Pseudo-class Selector):通过元素的状态或位置选中元素,如:hover、:active、:first-child等。

  6.伪元素选择器(Pseudo-element Selector):通过元素的特定位置选中元素的某个部分,如::before、::after等。

  7.后代选择器(Descendant Selector):通过元素的嵌套关系选中元素,如ancestor descendant。

  8.子元素选择器(Child Selector):通过元素的直接子元素选中元素,如parent > child。

  9.兄弟元素选择器(Adjacent Sibling Selector):通过元素的紧邻兄弟元素选中元素,如prev + next。

  10.通用选择器(Universal Selector):选中页面中的所有元素,使用*。

css选择器有哪些及优先级

  在CSS中,选择器具有不同的优先级,用于确定多个样式规则之间的优先顺序。一般而言,选择器的优先级从高到低的顺序如下:

  1.!important:具有最高优先级的样式,会覆盖其他所有样式。

  2.内联样式(Inline Styles):直接在HTML元素中通过style属性设置的样式。

  3.ID选择器(ID Selector):使用#选择器选中的元素。

  4.类选择器(Class Selector)、属性选择器(Attribute Selector)、伪类选择器(Pseudo-class Selector):使用.、[]、:选择器选中的元素。

  5.元素选择器(Element Selector)、伪元素选择器(Pseudo-element Selector):使用元素名、::选择器选中的元素。

  6.后代选择器(Descendant Selector)、子元素选择器(Child Selector)、兄弟元素选择器(Adjacent Sibling Selector):通过元素的嵌套关系或位置选中的元素。

  7.通用选择器(Universal Selector):选中页面中的所有元素。

  当多个样式规则应用于同一元素时,优先级高的样式会覆盖优先级低的样式。

相关文章

python写入json文件?

python写入json文件?

2023-11-02
vscode设置tab为4个空格?

vscode设置tab为4个空格?

2023-11-02
更新pycharm?

更新pycharm?

2023-11-02
anaconda每次打开都要安装?

anaconda每次打开都要安装?

2023-11-02

最新文章

武汉新媒体行业公司排名

武汉新媒体行业公司排名

2023-11-01
武汉新媒体就业现状好吗

武汉新媒体就业现状好吗

2023-11-01
武汉全媒体行业发展现状及趋势

武汉全媒体行业发展现状及趋势

2023-10-31
武汉全媒体现状

武汉全媒体现状

2023-10-31
在线咨询 免费试学 教程领取