css中常用选择器包括

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中有很多常用选择器,这些选择器可以用于寻找页面中的HTML元素,并为其添加样式。以下是几个常用的CSS选择器:1. 元素选择器: p { color: red; } 选中该页面中所有的段落元素,

CSS中有很多常用选择器,这些选择器可以用于寻找页面中的HTML元素,并为其添加样式。以下是几个常用的CSS选择器:

1. 元素选择器:

   p {
       color: red;
   }

   选中该页面中所有的段落元素,并将它们的字体颜色设置为红色。


2. 类选择器:

   .header {
       font-size: 24px;
   }

   选中所有class属性为"header"的元素,并将它们的字体大小设置为24像素。


3. ID选择器:

   #menu {
       background-color: #f2f2f2;
       border: 1px solid #ccc;
   }

   选中ID为"menu"的元素,并将它们的背景颜色设置为#f2f2f2,边框设置为1像素的实线边框。


4. 属性选择器:

   a[target="_blank"] {
       color: blue;
   }

   选中所有目标属性为"_blank"的链接,并将它们的文本颜色设置为蓝色。


5. 后代选择器:

   div p {
       font-family: sans-serif;
   }

   选中所有div元素下的所有段落元素,并将它们的字体设置为sans-serif。


6. 子元素选择器:

   ul > li {
       color: green;
   }

   选中所有直接子元素为li的ul元素,并将它们的字体颜色设置为绿色。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中常用选择器包括

粉丝

0

关注

0

收藏

0

已有0次打赏