iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >css选择器排除部分的元素是什么
  • 590
分享到

css选择器排除部分的元素是什么

csscss选择器 2024-04-06 05:04:08 590人浏览 安东尼
摘要

:not() 选择器可用于排除特定条件的元素,其语法为 :not(selector) {样式规则}。示例::not(p) 排除所有非段落元素,li:not(.active) 排除非活动列

:not() 选择器可用于排除特定条件的元素,其语法为 :not(selector) {样式规则}。示例::not(p) 排除所有非段落元素,li:not(.active) 排除非活动列表项,:not(table) 排除非表格元素,div:not([data-role="primary"]) 排除非 primary 角色的 div 元素。

CSS 中排除部分元素的选择器

:not() 选择器用于排除匹配特定条件的元素。以下是如何使用 :not() 选择器:

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">CSS"&gt;:not(selector) {
  
}</code>

其中:

  • :not 是选择器类型。
  • selector 是要排除的元素选择器。

示例:

要排除所有不是段落的元素,可以使用以下选择器:

<code class="css">:not(p) {
  color: red;
}</code>

其他示例:

  • 排除带有特定类名的元素:li:not(.active)
  • 排除不是表格中的元素::not(table)
  • 排除具有特定属性的元素:div:not([data-role="primary"])

以上就是css选择器排除部分的元素是什么的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: css选择器排除部分的元素是什么

本文链接: https://www.lsjlt.com/news/597119.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • css选择器排除部分的元素是什么
    :not() 选择器可用于排除特定条件的元素,其语法为 :not(selector) {样式规则}。示例::not(p) 排除所有非段落元素,li:not(.active) 排除非活动列...
    99+
    2024-04-06
    css css选择器
  • css怎么使用选择器排除元素
    CSS是前端开发中的重要技能之一,除了基本的选取元素、修改样式外,选择排除也是CSS中一个非常重要的知识点。本文将为大家讲解CSS中的选择排除,并提供实际案例以供参考。选择器介绍在学习选择排除之前,我们先来了解一下CSS选择器的基础知识。C...
    99+
    2023-05-14
  • css子元素选择器的作用是什么
    这篇文章主要介绍“css子元素选择器的作用是什么”,在日常操作中,相信很多人在css子元素选择器的作用是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css子元素选择器的作用是什么”的疑惑有所帮助!接下来...
    99+
    2023-06-20
  • css元素选择器实例分析
    这篇“css元素选择器实例分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“css元素选择...
    99+
    2024-04-02
  • HTML元素选择器是什么
    本篇内容介绍了“HTML元素选择器是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 在 W3C 标准...
    99+
    2024-04-02
  • CSS子元素选择父元素的示例分析
    这篇“CSS子元素选择父元素的示例分析”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“CSS子元素选择父元素的示例分析”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让...
    99+
    2023-06-08
  • css元素选择器怎么用
    这期内容当中小编将会给大家带来有关css元素选择器怎么用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定...
    99+
    2024-04-02
  • CSS子元素选择器实例分析
    本篇内容主要讲解“CSS子元素选择器实例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS子元素选择器实例分析”吧! 与后代选择器相比,子元素选择器(...
    99+
    2024-04-02
  • CSS元素选择器是如何运作的
    本篇内容介绍了“CSS元素选择器是如何运作的”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在前端工程师的日...
    99+
    2024-04-02
  • css元素选择器怎么使用
    非常抱歉,由于您没有提供文章标题,我无法为您生成一篇高质量的文章。请您提供文章标题,我将尽快为您生成一篇优质的文章。...
    99+
    2024-05-21
  • CSS子元素选择器怎么使用
    本文小编为大家详细介绍“CSS子元素选择器怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS子元素选择器怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 选择...
    99+
    2024-04-02
  • CSS结合元素选择器怎么用
    这篇“CSS结合元素选择器怎么用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS结合元...
    99+
    2024-04-02
  • css选择器的优先级排序是什么
    CSS选择器的优先级排序如下:1. !important:具有最高优先级,会覆盖其他所有规则。2. 内联样式:通过style属性直接...
    99+
    2023-10-12
    css
  • CSS的子元素选择器用法介绍
    本篇内容介绍了“CSS的子元素选择器用法介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!基础 子元素选择...
    99+
    2024-04-02
  • Css的选择器是什么
    这篇文章给大家分享的是有关Css的选择器是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。CSS的3种主要的选择器。1.通用标签:CSS代码中的 p 用来选择HTML元素 &l...
    99+
    2024-04-02
  • css选择器是什么
    小编给大家分享一下css选择器是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   如果我们合适使用css选择器,会让我们...
    99+
    2024-04-02
  • CSS中子元素选择器的使用介绍
    这篇文章主要讲解了“CSS中子元素选择器的使用介绍”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中子元素选择器的使用介绍”吧!与后代选择器相比,子元素...
    99+
    2024-04-02
  • “+”是什么css选择器
    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。相邻兄弟元素选择器(E + F)相邻兄弟选择器能够选择紧接在另外一元素后的元素,并且他们具备一个相同的父元素,换句话说,EF两元素具备一个相...
    99+
    2022-11-24
    css 选择器
  • CSS选择器优先级的分类是什么
    这篇文章主要讲解了“CSS选择器优先级的分类是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS选择器优先级的分类是什么”吧!一、优先级的分类我们可以把 CSS 的优先级从高到低来分成...
    99+
    2023-06-27
  • CSS中选择器的选择原则是什么
    这篇文章给大家分享的是有关CSS中选择器的选择原则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在CSS中,会根据选择器的特殊性来决定所定义的样式规则的次序,具有更特殊选择...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作