---
url: /reference/@cssdoc/core/interfaces/CssPart.md
---
# Interface: CssPart

Defined in: [packages/core/src/model.ts:79](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L79)

A sub-element ("part") of a component — a scoped child class like `.item` or `.tip`.

## Properties

### description?

```ts
optional description?: string;
```

Defined in: [packages/core/src/model.ts:88](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L88)

Prose from a `@part` doc tag, when authored.

***

### modifiers?

```ts
optional modifiers?: CssModifier[];
```

Defined in: [packages/core/src/model.ts:90](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L90)

The part's own modifiers, e.g. `.block__element--active` on a BEM element. Present when non-empty.

***

### name

```ts
name: string;
```

Defined in: [packages/core/src/model.ts:81](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L81)

The part's derived name without leading punctuation, e.g. `item` or `data-layout`.

***

### selector?

```ts
optional selector?: string;
```

Defined in: [packages/core/src/model.ts:86](https://github.com/thedannywahl/cssdoc/blob/main/packages/core/src/model.ts#L86)

The original CSS selector when the part isn't a plain class, e.g. `[data-layout="x"]`, `#foo`,
`:host`. Absent for class parts (the selector is `.${name}`).