5. CSS 属性&&关系选择器

时间2024-05-20 14:44:05发布访客分类CSS浏览86

导读：5.1 属性选择器属性选择器可以根据元素的属性及属性值来选择元素。 Elector[attr] Elector[attr]：选择具有attr属性的Elector元素。 div标签 div[title] { color: red;...

5.1 属性选择器

属性选择器可以根据元素的属性及属性值来选择元素。

Elector[attr]

Elector[attr]：选择具有attr属性的Elector元素。

div标签 div[title] {
     color: red;
 }

Elector[attr=val]

Elector[attr=val]：选择具有attr属性且属性值等于val的Elector元素。

 input[type='text'] {
     background: red;
 }

关系选择器可以根据元素与元素之间所处关系来选择元素。

后代选择器

后代选择器可以选择作为某元素后代的元素。

  strong标签  h1 strong {
     color: red;
 }

子元素选择器

子元素选择器只能选择作为某元素子元素的元素。

  显示红色字  不显示红色字  h1 >
 strong {
     color: red;
 }

相邻兄弟选择器

相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。

li + li { color: red; }

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！