Could not override css classes

Reproduction link

https://stackblitz.com/edit/angular-md42sr?file=src/app/app.component.ts

Steps to reproduce

1- trying to add label float to left in component css based on simple form

What is expected?

label will be floated to left

What is actually happening?

css and other css rules are not reflected in the code

Environment	Info
ng-zorro-antd	7.2.0
Browser	chrome

---

it happens with all CSS ruled I trying to override, for example, ant-alerts-warning … and a lot of class that are not be overridden and I don’t see them in the console

How do I affect generaly on child component of ant

my angular json

      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.app.json",
            "polyfills": "src/polyfills.ts",
            "assets": [
              "src/assets",
              "src/favicon.ico",
              "src/favicon.png",
              "src/favicon.icns",
              "src/favicon.256x256.png",
              "src/favicon.512x512.png",
              {
                "glob": "**/*",
                "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
                "output": "/assets/"
              }
            ],
            "styles": [
              "src/theme.less",
              "src/styles.scss"
            ],
            "scripts": []
          },

[DepickereSven]

You can override CSS class by using the deep selector example:

::ng-deep .ant-table.ant-table-default 

    { 
          padding: 16px; 16px

    }

Source: https://stackoverflow.com/questions/58181488/how-to-change-styles-of-nz-table-in-ng-zorro

[dilipsinhrathod]

Thank you so much Bro DepickereSven +1: